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

  • Resolved Rackham

    (@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.

    Regards,
    Rackham

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

    (@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.

    Rackham

    (@rackham)

    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

    (@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?

    Rackham

    (@rackham)

    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

    (@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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.