Inline Problems regarding Text Color.

[BigBadFish]

I am using Divi Theme and I would like to put the code on CodePen but it looks like it’s not working as it should.

I am trying to change the color of a fullwidth menu text.
– It looks that this theme only allows me to change the menu text color and I can’t give a gradient.
– When I inspect the page I see that the only place where I can see the color CSS is inline.

I tried to write the changes on a custom.css with !important but its not working , it duplicates the menu.

This is the only visible color code :

.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul li a {
    color: #FF0008 !important;

Also , here is the gradient code:

color: rgb(254,229,129) !important; /* Old browsers */
color: -moz-linear-gradient(-45deg, rgba(254,229,129,1) 0%, rgba(252,214,115,1) 20%, rgba(229,193,96,1) 40%, rgba(212,176,80,1) 60%, rgba(195,159,63,1) 80%, rgba(186,150,56,1) 100%) !important; /* FF3.6+ */
color : -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(254,229,129,1)), color-stop(20%,rgba(252,214,115,1)), color-stop(40%,rgba(229,193,96,1)), color-stop(60%,rgba(212,176,80,1)), color-stop(80%,rgba(195,159,63,1)), color-stop(100%,rgba(186,150,56,1))) !important; /* Chrome,Safari4+ */
color: -webkit-linear-gradient(-45deg, rgba(254,229,129,1) 0%,rgba(252,214,115,1) 20%,rgba(229,193,96,1) 40%,rgba(212,176,80,1) 60%,rgba(195,159,63,1) 80%,rgba(186,150,56,1) 100%) !important; /* Chrome10+,Safari5.1+ */
color: -o-linear-gradient(-45deg, rgba(254,229,129,1) 0%,rgba(252,214,115,1) 20%,rgba(229,193,96,1) 40%,rgba(212,176,80,1) 60%,rgba(195,159,63,1) 80%,rgba(186,150,56,1) 100%) !important; /* Opera 11.10+ */
color: -ms-linear-gradient(-45deg, rgba(254,229,129,1) 0%,rgba(252,214,115,1) 20%,rgba(229,193,96,1) 40%,rgba(212,176,80,1) 60%,rgba(195,159,63,1) 80%,rgba(186,150,56,1) 100%) !important; /* IE10+ */
color: linear-gradient(135deg, rgba(254,229,129,1) 0%,rgba(252,214,115,1) 20%,rgba(229,193,96,1) 40%,rgba(212,176,80,1) 60%,rgba(195,159,63,1) 80%,rgba(186,150,56,1) 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee581', endColorstr='#ba9638',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

[bearhead]

I’m pretty sure you can’t give text a gradient using color:

It looks like you’re using the gradient background method, but that needs to be set with background:

Here is an example from Chris:
https://css-tricks.com/snippets/css/gradient-text/
I think it only works on webkit browsers though…

[BigBadFish]

I tried to set it with background: but it seems that I can’t override the inline code.
I am trying a different approach using UberMenu but it can’t find a way to integrate UberMenu in Divi Fullwidth Menu.

[bearhead]

An !important declaration should override inline styles. So there must be some other issue. Maybe your selector isn’t right, or maybe there is something wrong with your syntax still.

It’s impossible for me to tell without seeing it in context… I might be able to help more if you put the relevant code into codepen.

[Author]

Posts