Hi,
I’m trying to add some custom CSU to one specific (about us) page that I have created (I would like to get rid of any side padding on the sections of that page. However, when I adjust this in my theme.scss.liquid file, this applies to all pages, which is not what I’m looking for.
I have a very basic knowledge of coding/CSU/liquid but would like to learn how to fix this and in general how to add custom CSU to certain pages without it affecting everything.
Thank you in advance, would be a great help!
Kind regards ,
Mathias
1 Like
@Mathias8hrS
sorry for that but what do you mean CSU?
2 Likes
I’m sorry, I meant to type CSS to adjust the padding.
My theme is Narrative btw.
Thank you.
@Mathias8hrS
yes please provide screenshot where do you have change it this?
2 Likes
@KetanKumar
I would like to delete the padding on the sides on the About 8hrS page you see up top (so the image with text sections become full screen), but I don’t want this to affect my other pages (for example the contact us page you see on the lower picture) where I want to side padding to stay.
Thank you.
@Mathias8hrS
can you please provide store url?
2 Likes
@KetanKumar
I actually don’t want anything changed to the contact us page.
I want the 20px padding to the right on the about us page gone (green here in screenshot). But when I just adjust this in my CSS (theme.scss.liquid file), it applies it to all pages, which I do not want.
Thank you again.
Mathias
@Mathias8hrS
that is fine i have remove left and right padding?
1 Like
@KetanKumar
Yes, that is exactly what I need.
But only on that specific page.
@Mathias8hrS
yes please give specific page name so i will check and give you proper code
1 Like
@Mathias8hrS
great thanks please add this code
- Go to Online Store->Theme->Edit code
- Asset->/theme.scss.liquid->paste below code at the bottom of the file.
#about-8hrs .content-for-layout .page-width {
padding: 0;
}
1 Like
@KetanKumar That worked like a charm, thank you!
1 Like
@Mathias8hrS
it’s my pleasure to help us
1 Like
