Compact look for Custom Fields [Solved]

[sellyourequine]

I wish to change the custom fields so they are not a checkbox on each new line but all jammed together, having issues finding the correct code or place where I can change this. Any help would be appreciated!

[teseo]

Hi,

osclasswizards/css/main.css

1.- Replace:

Code: [Select]

#item-content .meta {font-weight: 400;
}
with

Code: [Select]

#item-content .meta {font-weight: 400;
    float: left;
    padding-right: 10px;
}
2.- A few lines below, replace:

Code: [Select]

#item-content .meta {font-weight: 400;
}

with

Code: [Select]

.contact_button {margin: 20px 0 0;
    clear: both;
}
Regards

[sellyourequine]

Well it didn't do anything, do appreciate the reply though!

[sellyourequine]

Nevermind! It did exactly as you said it would. I needed to do that on that page I was talking about posting the item, but this works too! It will help me find the css for the posting page. Thank you very much!

[sellyourequine]

Okay well unfortunately I am still having issues trying to figure out how to format the check boxes and radio buttons in the post item page. Apologies, do you suppose I can pick your brain some more? It would be greatly appreciated. I am familiar with several shopping carts but OSclass just seems to be a whole 'nother bird.

[teseo]

That seems to be an issue with this theme, better ask in its official thread:

http://forums.osclass.org/themes/osclasswizards-free-responsive-bootstrap-theme/

Regards

[sellyourequine]

Okay, how about in the bender theme then? meta and meta input.

[teseo]

Hi,

This should achieve the same "compact" look on Bender. But take into account that on posting/edit you'll likely need to work on your own to get a better look (combination of inputs, selects, radio and checkboxes might be tricky there):

Put this at the bottom of bender/css/main.css:

Code: [Select]

#item-content .meta {
    float: left;
    padding-right: 10px;
}

#plugin-hook .meta {
    clear: none;
    margin-bottom: 10px;
    float: left;
}

@media only screen and (max-width: 740px) {
    .contact_button {
        margin: 20px 0 0;
        padding-top: 10px;
        clear: both;
    }
}

Regards

[sellyourequine]

I really appreciate your reply. I forgot to mention I am using 3.5.7 and within main.css there is no item-content .meta or plugin-hook within main.css. Thank you for your time.

[teseo]

Yes, that's why you need to add that at the bottom of main.css, no modification to existent rules, just an extension.

Regards

[sellyourequine]

oh, duh. apologies.

[sellyourequine]

Works perfect, thanks for the info!

[sellyourequine]

Understanding this a little better now. After all of that the info box was getting dropped in line with the check boxes so I added this and it cleared right up.

^{#useful_info {
clear:both;
}}

[teseo]

You're welcome. Would you mind changing the title of the thread to something more descriptive such as "Compact look for Custom Fields [Solved]", thanks.