Custom CSS isn't Changing Anything

  • Resolved EricaMueller

    (@ericamueller)


    10 years, 5 months ago

    I’m trying to make some edits to the style of the slider on http://littlehouseontheprairie.com/

    I’m using the Custom CSS box for the slider and nothing I put there changes anything. Here’s what I’ve tried:

    .soliloquy-pager { display: none !important; }

    And this:

    .soliloquy-container .soliloquy-pager { display: none !important; }

    And this:

    .soliloquy-container-3712 .soliloquy-pager { display: none !important; }


    And this:

    .home-top .soliloquy-container-3712 .soliloquy-pager { display: none !important; }

    Basically, I’ve tried every combination of CSS possible and it does nothing. However, if I’m using the Firebug plugin in my browser and I put display: none; in the .soliloquy-pager area it works perfectly.

    And yes, I’ve tried putting all this directly into the theme’s stylesheet too. Nada.

    https://ww.wp.xz.cn/plugins/soliloquy-lite/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Tim

    (@n7studios)

    10 years, 5 months ago

    Soliloquy Lite doesn’t have a Custom CSS box – it has a Custom Slider Classes option, which lets you add your own CSS classes to the HTML output.

    To apply your own CSS, you can add styles to your theme, or a third party plugin.

    I can personally confirm this works at both theme level and third party plugin level by using:
    .soliloquy-container .soliloquy-pager { display: none; }

    If you are experiencing issues, deactivate other plugins until you get the expected output. Then reintroduce plugins one by one until you find the conflict.

    papijo

    (@papijo)

    10 years, 5 months ago

    Just to confirm that Tim’s answer is the way to go. Put that CSS rule in your wp site’s theme CSS file.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Custom CSS isn't Changing Anything’ is closed to new replies.

Tags