Make row invisible with CSS (display: none;) - how to make it work

Hello,

1 hour ago, Vibeque said:

I see that in Inspect Element that I can make it invisible with CSS display: none, but when I add this code to the CSS editor in Squarespace, it doesn't pick up on it. 

Your screenshot didn't attach. Try adding !important to your line of CSS, like so. 

... {
   display:none!important;
}

Let me know how it goes.

On 4/24/2024 at 7:06 PM, melody495 said:

Your screenshot didn't attach. Try adding !important to your line of CSS, like so. 

... {
   display:none!important;
}

Let me know how it goes.

Hi Melody, 

Thanks for taking the time to reply 🙂

I tried with !important too, but I'm afraid that doesn't work either. I'm familiar working with CSS and CSS editors, but not in Squarespace. Would certain page parts not be modifiable with CSS?

I'm bascially trying to hide a row. I attach the image that didnt' show properly in my first post to show which one. May it be I have choosen the wrong div class? It would be strange, though, as it does disappear when putting the code in Inspect Element, but not when in I save it in the CSS editor, even when I add that CSS code at the very top of the CSS editor sheet.

Any other clues to what may be the reason are very welcome 🙂

Cheers,
Vibeke

2 hours ago, Vibeque said:

I tried with !important too, but I'm afraid that doesn't work either. I'm familiar working with CSS and CSS editors, but not in Squarespace. Would certain page parts not be modifiable with CSS?

Not at all! If the CSS is correct, then it will do what you've asked it to do.

Can you check that there isn't any errors in your CSS code? If you share your code here, I can have a look at it.

Hi Melody, 

Thanks for offering. 

Here is the code:

div#yui_3_17_2_1_1714482457236_154 {
    display: none !important;
}

Actually, I just realized that each time I fish out the code from Inspect Element, the numbers change.

I went to double check via Inspect Element, and this time I see this:

div#yui_3_17_2_1_1714482648486_154 {
    display: none !important;
}

The numbers before the _154 changes each time, which at least explains why the CSS Editor doesn't pick up, but why would the row div class change? Hmmm... curious.

I hope you know it 🙂

Thanks again!

Vibeke

Great! Thank you so much for the explanation, and the advice - very much appreciated 🙂

@Vibeque You are very welcome! Happy to help 🙂