Custom CSS doesn't work
Hi, I have tried to add custom css to some text using the brizy front end builder. I select the text element, click on the 'cog' icon - more settings - give the text a css class e.g. text-title - and then add the following .test-title {text-transform: uppercase;} intot the custom css field and nothing happens. I have even clicked on the update button and still nothing happens. I can see at that one of the many containing divs gets assigned the '.test-tile' class but no the element itself, in my case the p element.
Please, how do I add custom css to an item using the brizy pro builder? I am using brizy pro on MAMP so I can't share a URL. Do you have instructions showing how custom css works?
Thanks
-
Hi Adam,
If you want to uppercase characters, isn't necessary to add a Custom ID. Try to add this CSS code:
element span{
text-transform: uppercase !important;
}Best regards,
Sandra
1 -
Thanks Sandra,
That seems to have worked. So what is the point in having a class and ID field above the custom css panel?
I wanted to add a custom class to a heading - e.g. main-heading - then in the css panel add .main-heading { css here }
Why does this not work?
Adam
0 -
Ok, I think I understand now. After inspecting in chrome, the class doesn't get assigned to the span tag, but a containing div tag further up the hierarchy?
0 -
Hi Adam,
Here is very important where you add the Custom Class, to the column, or element, or row etc. Also, this structure .main-heading { CSS code;} can't be very explicit and for this reason, you have to add a more explicit address where you want to place that CSS code. In such a way is build in generally the CSS.
Let me know if I can help you with something else.
Best regards,
Sandra
0
Please sign in to leave a comment.
Comments
4 comments