WAIT: Duplicate css style / not removing styling

Bugs
1

Hey, i got a strange bug.
I added width: 100% to an element but then decided to change the layout and make this one a section. Sections have a predefined width of width: var(–content-width) so i “deleted” the width: 100% in the element. But the width 100% is still added to the css class. so i had to add width: var(–content-width) to the element even though its already a section element.

.recommendations__content {
display: flex;
align-self: stretch !important;
width: 100%;
flex-direction: row;
width: var(–content-width);
}

image
image543×697 16.3 KB

i regenerated the external files aswell - it wont “remove” the width: 100%

2

after i set CSS loading method to inline and back to external files the width is now working correctly. Not sure if this can narrow the issue down - im pretty sure its no cache bug as the width was set in the global class manager aswell

3

Hi @tos,

I’m not sure I understand this correctly. Where did you set the width:100%, on a class? ID?
Can you record a step-by-step video, how to replicate this one?

Thank you,
Matej

4

No ive updated from the latest version to 2.0
i had width: 100% set in the class ( not on the id root element ) and then i changed it ( i simply removed the 100% on the class ) and made the element a section ( it was a block or div before ).
And the 100% did not get deleted when updateing the page / template and also not when creating the external css files again. Only after switching to inline + save and then back to external css the width: 100% was removed.
I cant reproduce the problem atm, but had it with another class aswell.

regards

5

Hi @tos,

I can’t replicate the issue as well :frowning: If you get this issue again, please try to record a video and let me know.
As for now, I’ve tried few things, but I was not able to replicate it. :frowning:

Matej

6

Ok will do,
i dont know if its a combination with advanced themer maybe.

1 Like