Custom CSS isn't Changing Anything

  • Resolved EricaMueller

    (@ericamueller)


    9 years, 2 months ago

    I’m trying to make some edits to the style of the slider on https://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://www.ads-software.com/plugins/soliloquy-lite/

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

  • 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.

    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