CSS on CB Content Bot fields

Hi all

I am testing CB Content Bot and it works fine!
Trying to apply some css on cb fields that I have added in an article, I found (in plugin configuration Advanced tab) CSS: Optionally input substitution supported CSS to be added to page header (e.g. body {background-color: red}

I have tried : [cb_location] {color: #ededed} but it didn’t work.
What have I done wrong?

Thanks

I have tried : [cb_location] {color: #ededed} but it didn’t work.

That's not a valid selector. You'd end up with something like the following.

home {color: #ededed}

This assumes cb_location value is "home". So cb_location needs to be stored as a valid CSS selector you need to make it a valid selector on output. Example as follows.


Don't really recommend this though as fields are typically user supplied values. If it's a dropdown where you've full control of what value is stored in the database it should be safe or having strict validation rules on a text field might also be ok.

What exactly are you wanting to accomplish with this? That parameter basically just adds new CSS to the header of any page it's loaded on.

I wanted to have all fields I display using Content Bot to be in diferent color that the text of the article and maybe stong as well.

You need to surround your substitutions with a CSS class attached to a span for example then style that class. Using [FIELD_NAME] outputs the raw value, there's no CSS class or anything of the sort for CSS to target and style.