It does what I want it to (produce a gradient background for the top section of a page):
However, I would like this gradient to appear in the top section on every page of the website.
Is it possible to achieve this without getting every data-section-id for each page? The site isn't big, but I would like it to work well for any new pages the client adds (mainly blog posts) without them having to edit the CSS each time.
I've been searching for a couple of hours now (I like to fix things myself if I can) with no luck.
Many thanks – Gareth
Gareth K Thomas|Clarified. - I will make your website work. - Conversion optimisation, usability testing, analytics.
Replace with this. I just realized that takes over the first section of your footer too......
#page section:first-of-type .section-background {
I will look into blog posts now.
Question
garethkthomas 25
Hello,
Hoping someone can help me with a website build I'm working on.
I have some working custom CSS code:
section[data-section-id="5e8ee9f70ac4ea59df0ec51f"] .section-background { background-color: #231f45; background-image: url("https://static1.squarespace.com/static/5e8ee8871b56fa68d7df7b4b/t/5f0f53c91a35720fae014234/1594840010004/2.png"), linear-gradient(#231f45,#231f45,#231f45,#8d4755); background-size: 100%, cover; background-repeat: no-repeat; background-position: right top; background-size: contain, cover; }
It does what I want it to (produce a gradient background for the top section of a page):
However, I would like this gradient to appear in the top section on every page of the website.
Is it possible to achieve this without getting every data-section-id for each page? The site isn't big, but I would like it to work well for any new pages the client adds (mainly blog posts) without them having to edit the CSS each time.
I've been searching for a couple of hours now (I like to fix things myself if I can) with no luck.
Many thanks – Gareth
Gareth K Thomas | Clarified.
- I will make your website work.
- Conversion optimisation, usability testing, analytics.
Link to post
Top Posters For This Question
5
4
Popular Days
Jul 22
9
Top Posters For This Question
garethkthomas 5 posts
rwp 4 posts
Popular Days
Jul 22 2020
9 posts
Popular Posts
rwp
section:first-of-type .section-background {
rwp
Whats the link to the page?
rwp
Replace with this. I just realized that takes over the first section of your footer too...... #page section:first-of-type .section-background { I will look into blog posts now.
Posted Images
8 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment