Support » Plugin: Simple Custom CSS and JS » Double underscore

  • Resolved Rackham


    Dear Support,

    Since your last update, when I write a css line with a double underscore into a class, it doesn’t work.

    for exemple :
    .entry-minimal__title {width : 50%}.
    When I change the width, no effect ; If I do the modification into the Custom CSS page from the theme, it works.


Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Diana Burduja


    Hello Rackham,

    it could be that the CSS rule is overridden by another later or more specific CSS rule. Would you please try .entry-minimal__title {width : 50% !important;} for your example? See this article for more details about CSS priority and specificity.

    Dear Diana,

    Thanks for your reply.

    Before to come here, I have also tried with !important but it doesn’t work. I know a little bit Css priority and specificity.
    It seems to be really a pb with double underscore. Other css changes are allright.
    And before the last update no pb.

    Plugin Author Diana Burduja


    Would you open your homepage’s HTML and search for the “.entry-minimal__title” CSS rule? Is the CSS rule printed alright in the HTML or are there any characters modified?

    Dear Diana,

    I took a look. In <head>, the CSS added by the plugin is printed alright, no characters modified, double underscore are present without something missed or added.
    It’s “bizarre” it doesn’t work.

    For the moment, I use also the custom css page avalaible from the theme preferences. I will make some try and reinstall the plugin if necessary.

    Plugin Author Diana Burduja


    Reinstalling the plugin will not help. If the plugin printed your CSS rule without modifying it, then it did its job perfectly.

    Do you have a link so I can have a look at your website?

    I still assume that the rule is overridden somewhere. Try modifying other properties, for example the color or border:

    .entry-minimal__title {
      width : 50% !important;
      color: red;
      border: 1px solid blue;
      background-color: green;

    If your element does change color, has a border OR gets a background color, it means that the width property is being overridden by another CSS rule with a higher priority or specificity.

    • This reply was modified 7 months, 2 weeks ago by Diana Burduja.
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Double underscore’ is closed to new replies.