Sign up
Quick links
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 

Background colour change for one page only in Venture theme

Solved
‎02-11-2020 05:05 AM
Skoory
Pathfinder
105 1 23

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
Reply
‎02-11-2020 05:11 AM
oscprofessional
Shopify Partner
7867 1362 1536

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
Reply
‎02-11-2020 05:53 AM
Skoory
Pathfinder
105 1 23

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
Reply
‎02-11-2020 06:05 AM
oscprofessional
Shopify Partner
7867 1362 1536

@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
Reply
‎02-11-2020 06:12 AM
Skoory
Pathfinder
105 1 23

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
Reply
‎02-11-2020 06:16 AM
oscprofessional
Shopify Partner
7867 1362 1536

@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
Reply
‎02-11-2020 06:21 AM
Skoory
Pathfinder
105 1 23

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
Reply
‎02-11-2020 06:24 AM
oscprofessional
Shopify Partner
7867 1362 1536

@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
Reply
‎02-11-2020 06:33 AM
Skoory
Pathfinder
105 1 23

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
Reply
‎02-11-2020 06:39 AM
Skoory
Pathfinder
105 1 23

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
Reply
Most Liked Authors
View all badges
Quick links
Facebook Twitter Youtube Instagram Linkedin Pinterest
Terms of Service Privacy Policy