CSS classes not displaying

This topic has 5 replies, 3 voices, and was last updated 5 years, 6 months ago by Anh Tran.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
December 28, 2018 at 2:07 PM #12818

RedRanter
Participant

I have just installed and purchased Meta Box Builder, and created some simple fields that I want styled with a custom CSS class. I have managed to display the fields on the front end (although I think the documentation on this could be improved, as I bought Meta Box Builder on the premise I wouldn't need to touch the php files).

However, the contents of the metaboxes are not displaying with the style of their custom classes. The custom CSS classes are added in the theme itself through Theme options, so I'm wondering if that might be a problem? The only tutorials I can see add the CSS directly in the .php file.

UPDATE - Adding CSS classes directly into the php file does work, but keen to hear what I might be doing wrong with the Meta Box Builder custom classes field.

Add New Note to this Reply

December 28, 2018 at 5:23 PM #12820

Anh Tran
Keymaster

Hi, did you try adding CSS classes to the field via custom attributes? Go to tab Advanced, and add a new attribute, name it "class" and enter value = your custom CSS classes.

Add New Note to this Reply

June 23, 2019 at 6:49 AM #15057

Chris
Participant

Joyce didn't reply, but I have the same issue(s). I agree with the lack of documentation for Builder, as opposed to doing it manually.

In this case, I did add a custom css class added via my theme (Customizr Pro) and it didn't work either in the Appearance Tab / Custom CSS or when I added it as an Attribute in the Advanced Tab. I tried applying it to a textarea field.

Is there something else that would work?

thanks,
chris

Add New Note to this Reply

June 24, 2019 at 11:16 AM #15061

Anh Tran
Keymaster

Hi Chris,

Sorry for the lack of documentation. I'll keep adding them.

Regarding the CSS class, please add the class as in this screenshot:

https://i.imgur.com/G8yUX18.png

And you'll see this class here:

https://i.imgur.com/Y9c9aVe.png

Add New Note to this Reply

June 25, 2019 at 3:01 AM #15076

Chris
Participant

Hi - I don't recognize that last screen shot, so I assume it's Gutenberg? I'm using the classic editor, so I did a "view page source", and my class wasn't there, even though I set it up the way you showed on the earlier screen.

However, since I want the formatting done on the users' screen, I was able to get what I need by formatting the [rwmb_meta id="zzzz"] in the editor.

I'm sure it will get easier and even more useful as I work through it. Thanks for your help.

chris

Add New Note to this Reply

June 25, 2019 at 10:41 AM #15080

Anh Tran
Keymaster

Hi Chris,

If you're using the classic editor, you'll see the class here:

https://i.imgur.com/931YMwn.png

Another note: you can add the CSS class simpler by going to tab Appearance and enter your class into "Custom CSS Class":

https://i.imgur.com/c5r1viE.png

Add New Note to this Reply
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.