Return to List

custom css vis advanced widget settings

Asked on February 23, 2016 in Customization.

Hi Layers experts,

I am trying to add a advanced/custom CSS to my content-widget.
I use the newest version of WordPress and layers with the child-theme.
Stabbing around the depth of the css has so far not made it a success.
I named the custom class “suppbutton” and
added the following to the custom css:

suppbutton.a.button:link, suppbutton.a.button:visited, suppbutton.rt-button.button-main-color suppbutton.a:link, suppbutton.rt-button.button-main-color suppbutton.a:visited
{background: #00B4CC;
color: #fff;}

No change happened.
can someone help me with this issue?

ph-i-l-i-p Layers User

ph-i-l-i-p

24_02_2016_picture updated

on February 24, 2016.
Cancel
Reply
Cancel

  • Possible Answers to Your Question:

    • 1 Answer(s)
    Answered on February 24, 2016.

    I think the issue is with your CSS code, does this work:

    
.suppbutton a.button:link, .suppbutton a.button:visited, .suppbutton .rt-button.button-main-color, .suppbutton a:link, .suppbutton .rt-button.button-main-color, .suppbutton a:visited

{background: #00B4CC;

color: #fff;}

    basically,
    – Since suppbutton is your class, you must put a ‘.’ before it.
    – a is an element so doesn’t need a ‘.’ before it
    – also, when you are listing style elements, you need to separate with a comma

    Cancel
    Sam Skirrow Power User

    ph-i-l-i-p

    Awesome! Thanks a lot!

    on February 25, 2016.
    Cancel
    Reply
    Cancel