Custom CSS working in builder but not on website

Hi, I have 2 issues, one is I try to add custom css to a section

.gradient-bg {
background: #b71524; /* Old browsers */
background: -moz-linear-gradient(45deg, #b71524 0%, #650009 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #b71524 0%,#650009 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #b71524 0%,#650009) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b71524', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

when setting gradient-bg class for the column. On the backend it looks like this:

but on the website it shows with the colors I’ve set from the Inspector for the columns.

You can check it here: http://cfte.valentin.graphics/index.php/cfte-home-page/

Another issue that I have check on this page: http://cfte.valentin.graphics/index.php/ai-in-finance/

the section with the people it is divided in 1/2 + 1/2 rows. The first 1/2 is divided into 4 more and it’s working fine but the second column is being displayed as 1/2+1/2 instead 1/1 (and that makes the text “Global CEO’s…” being displayed as 1/4 of the section), again in the builder it looks fine but when going into the website it looks differently.

Hi @vlntnt,

There is a syntax error in your css code.

Kindly remove this code

Thanks

Sorry, can you let me know how to identify where this code is located as I can’t find it. Thanks.

Hi @vlntnt,

It might be under Pro > Theme Options > CSS:

Or Content Builder > CSS:

Hope it helps :slight_smile:

It is in neither of those, any other ideas? :confused:

Hi, I found it and deleted it, it works fine now, thanks, the issue on the other page’s columns still persists thought?

Hi @vlntnt,

I checked your page source code using chrome inspect element and can a lot of <b> tags which is causing an issue to your page layout. I suspect a plugin is adding it.

Can you try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes!

Hi, that’s weird, I added all those < b > tags myself in the people’s descriptions (I’m using a lot of nested rows) and when I deleted them, it worked fine. I assume it’s some sort of bug, but it’s fine I’ll do it without them.

Glad this is now sorted out @vlntnt!

Cheers.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.