Wordpress CSS... I ...
 

  You don't need to be an 'investor' to invest in Singletrack: 6 days left: 95% of target - Find out more

Wordpress CSS... I fed up with this. Page or Page background colour problem.

11 Posts
2 Users
0 Reactions
157 Views
Posts: 8527
Free Member
Topic starter
 

Any thoughts on this problem...

I'm trying to change the Page Background (White bit to another colour). Same thing for the Blog pages. I though simple button tweek in the theme editor page..Nope. Unless I'm missinging something obvious.

Main site background colour no problems.

Chat GPT gave me this... but still to no avail 🙁

body.page {
background-color: #f0f0f0; /* Replace with your desired color */
}

body.single-post {
background-color: #f0f0f0; /* Replace with your desired color */
}

The site in question, GF's Printworks:

https://www.jomcallister.co.uk/

Custom CSS so far for other tweaks on the Wordpress Boutique Theme with WooCommerce.

.boutique-primary-navigation {
background: #0000005e !important;
xmargin-left: .874em;
xmargin-right: .874em
}
nav.woocommerce-breadcrumb {
display: none;
}
/**

* Disable the Search Box in the Storefront Theme

*/

.site-search form {

display: none;


 
Posted : 31/08/2023 12:29 pm
Posts: 1582
Full Member
 

If i understand you the div you need to change the css to is .site-content .col-full

[img] [/img]


 
Posted : 31/08/2023 12:35 pm
Posts: 8527
Free Member
Topic starter
 

@smoky_jo

Thats exactly what I'm trying to do. What would the Additional CSS look like ?

My attempt...but nothing changes.

.site-content.col-full, {
background: #red;
}


 
Posted : 31/08/2023 12:56 pm
Posts: 1582
Full Member
 

.site-content.col-full, {
background: red;
}

or replace the word red with your rgb or hex code of choice


 
Posted : 31/08/2023 12:59 pm
Posts: 8527
Free Member
Topic starter
 

Trying the code now. Fingers crossed.


 
Posted : 31/08/2023 1:05 pm
Posts: 1582
Full Member
 

Just realised i dropped the space between the two divs, it should be

.site-content .col-full {
background: red;
}


 
Posted : 31/08/2023 1:11 pm
Posts: 8527
Free Member
Topic starter
 

@smokey_jo

Thats works 🙂  Thank you so much. All morning I have been messing around with that 🙂

I'll let the GF pick the colour, what ever I pick will wrong 😉

Note: I had to put your code above the .boutique bit first 🙂


 
Posted : 31/08/2023 1:28 pm
Posts: 8527
Free Member
Topic starter
 

https://www.jomcallister.co.uk/


 
Posted : 31/08/2023 1:29 pm
Posts: 1582
Full Member
 

i see you've put it in the html of the shop page, you could add it in the customizer as additional css. In the dashboard got to appearance > Customize then click on additional css and add it in there.


 
Posted : 31/08/2023 2:03 pm
Posts: 1582
Full Member
 

if you only want to change the background colour of the shop and not the rest of the site then your code should be

.woocommerce-shop .site-content .col-full {
background: orange;
}


 
Posted : 31/08/2023 2:06 pm
Posts: 8527
Free Member
Topic starter
 

Many thanks. So happy with this 🙂


 
Posted : 31/08/2023 2:29 pm
Posts: 8527
Free Member
Topic starter
 

Thanks for looking people, Jo-Anne stats are booming :-))))

Don't forget to check out her prints and drawings 🙂

Special STW rates, discounts could be arranged 😉 if your interested 🙂

https://www.jomcallister.co.uk/

PS If you spot any glitches on the site, tip me the nod 🙂


 
Posted : 31/08/2023 8:02 pm

6 DAYS LEFT
We are currently at 95% of our target!