Double underscore

Resolved Rackham
(@rackham)

6 years, 9 months ago

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 SilkyPress
(@diana_burduja)

6 years, 9 months ago

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.

Thread Starter Rackham
(@rackham)

6 years, 9 months ago

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 SilkyPress
(@diana_burduja)

6 years, 9 months ago

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?

Thread Starter Rackham
(@rackham)

6 years, 9 months ago

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 SilkyPress
(@diana_burduja)

6 years, 9 months ago
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 6 years, 9 months ago by SilkyPress.

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

The topic ‘Double underscore’ is closed to new replies.