Background colour change for one page only in Venture theme

Solved
Highlighted
Pathfinder
105 1 21

The following code is changing the background colour of ALL pages, but I'd like to change only the background colour of one page called "astoryonlineTTL" - where is the mistake?

 

.template-page .page-container,.template-astoryonline .page-container {
background-color: #ffffe4;
}

 

All answers and corrections appreciated.

Thank you.

Skoory, the curious squirrel of TTL CIC - - a Company limited by guarantee with charitable objectives.
"Finally, if you quote a source, choose one with a name that is easy to pronounce...mental effort is aversive." Thinking Fast and Slow
0 Likes
Highlighted

Hello @Skoory,

2020-02-11_15-41.jpg

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Highlighted
Pathfinder
105 1 21

Hello @oscprofessional ,

Would you kindly write the code?

Thank you.

Skoory, the curious squirrel of TTL CIC - - a Company limited by guarantee with charitable objectives.
"Finally, if you quote a source, choose one with a name that is easy to pronounce...mental effort is aversive." Thinking Fast and Slow
0 Likes
Highlighted

@Skoory,

Do you want to apply on below page

2020-02-11_16-34.jpg

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Highlighted
Pathfinder
105 1 21

Yes, please. Thanks!

Skoory, the curious squirrel of TTL CIC - - a Company limited by guarantee with charitable objectives.
"Finally, if you quote a source, choose one with a name that is easy to pronounce...mental effort is aversive." Thinking Fast and Slow
0 Likes
Highlighted

@Skoory,

I didn't see ".template-astoryonline" this class on that page.

Please do one thing

 

1. Go to Online Store->Theme->Edit code
2. Layout->theme.liquid->open this file

Search this code

<body class="template-{{ request.page_type | handle }}">

Replace with

<body id="{{ page_title | handle }}" class="template-{{ request.page_type | handle }}">

Because of it there is specific id for that page

after implement this please tell me

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Highlighted
Pathfinder
105 1 21

Hi @oscprofessional ,

 

So, to be clear:

 

I'm going to find the first piece of code and then delete it and substitute in its place the second piece of code, right?

 

And, what will happen next, and what did you want to know?

Skoory, the curious squirrel of TTL CIC - - a Company limited by guarantee with charitable objectives.
"Finally, if you quote a source, choose one with a name that is easy to pronounce...mental effort is aversive." Thinking Fast and Slow
0 Likes
Highlighted

@Skoory,

Don't have to delete anything.

You have to add only this

id="{{ page_title | handle }}"

 Bacause of it there is specific id on page.After that we will implement backgroundcolor.So that this background color won't affect on other pages

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Highlighted
Pathfinder
105 1 21

Hi @oscprofessional 

 

Applied it to a back up copy.

So, what do I do next?

Skoory, the curious squirrel of TTL CIC - - a Company limited by guarantee with charitable objectives.
"Finally, if you quote a source, choose one with a name that is easy to pronounce...mental effort is aversive." Thinking Fast and Slow
0 Likes
Highlighted
Pathfinder
105 1 21

Hi @oscprofessional 

 

The name of the template is:   

                                                        page.astoryonlineTTL.liquid

 

It is an amended contact form or page.

 

Ok?

Skoory, the curious squirrel of TTL CIC - - a Company limited by guarantee with charitable objectives.
"Finally, if you quote a source, choose one with a name that is easy to pronounce...mental effort is aversive." Thinking Fast and Slow
0 Likes