Background colour change for one page only in Venture theme

Solved

@Skoory,

Can you send me screenshot of that page,Please inspect the page and then send me screenshot

2020-02-11_17-08.jpg

 

Or you can send me id of that perticular page

 

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
Skoory
Pathfinder
110 1 31

Hi @oscprofessional ,

Here it is:20200211 ss1.png

Right?

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

This is an accepted solution.

@Skoory,

Yes

Now add below css

#a-story-online .page-container {
	background-color: #ffffe4;
}
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
Skoory
Pathfinder
110 1 31

Hello @oscprofessional 

Thank you. That did the trick and it works very well now!

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
Skoory
Pathfinder
110 1 31

Hi @oscprofessional ,

 

Are these correct - for the collection page and the product page?

 

.template-article .page-container,.template-collection .page-container {
background-color: #fff;
}
.template-article .page-container,.template-product .page-container {
background-color: #fff;
}

 

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

This is an accepted solution.

@Skoory,

Yes,Its correct.

You can also add like this

.template-article .page-container, .template-collection .page-container,.template-product .page-container {
	background-color: #fff;
}

@Skoory wrote:

Hi @oscprofessional ,

 

Are these correct - for the collection page and the product page?

 

.template-article .page-container,.template-collection .page-container {
background-color: #fff;
}
.template-article .page-container,.template-product .page-container {
background-color: #fff;
}

 

Thank you.


 

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
Skoory
Pathfinder
110 1 31

Hey @oscprofessional ,

How important is the spaces or number of spaces between commas and periods in the code above?

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

Hi @oscprofessional,

Apologies to bump this thread.

I am looking to do something similar in the Minimal theme, but change the entire page background color to black as well links and text, both to white in this one collection only.  While I tried several suggestions from the forums they either did not work with the template or were outdated posts.

Any suggestions?

Additionally, is it possible to change the upper left logo again just in this one collection to this image?

Any insight is much appreciated,

Lisa

0 Likes

@Michael_Pink lended a hand for the Minimal theme and sorted me out.  If anyone runs into a similar issue:

 

/*=======Change body and footer background=====*/
body#YOUR COLLECTION NAME {
background: #000!important;
}
#YOUR COLLECTION NAME .site-footer {
background-color: #000!important;
}
/*====Change color to white======*/
#YOUR COLLECTION NAME * {
color: #fff;
}

0 Likes
AnalyticCity
Tourist
8 0 1

Hello! Could you please elaborate on what you mean by "add below CSS" 

 

Thanks!

0 Likes