Changing the color

mrjafari · May 2021

Hi there,

I have changed my background color to black on the following website

www.queensfood.de

as I wanted the text to be visible, I have changed the text color to white.

Now I want only my shop page background to remain white! could you please tell me how to adjust that?

Also, I faced another issue, in the following page,

https://queensfood.de/category/health-facts/

I can not see the text as the background in the Article is white, How can I change it to black?

Phil · May 2021

Hello,

To achieve these things, you will have to create and use custom CSS code and place it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Do you need help with writing it?

Best regards

mrjafari · May 2021

hey Phil,

Thanks for your replys.

I will be glad if you could help me out

Phil · May 2021

Please, use the following for shop page background (and text) color:

.woocommerce-shop #Content{
   background-color: #fff!important;
   color: #000!important;
}

The following one for the posts background on the blog page:

.blog_wrapper .grid .post-item{
   background-color: #000!important;
}

Thanks

mrjafari · May 2021

Dear Phil,

How can I change it in a single product view like the following page?

https://queensfood.de/product/queensfood-dates-fresh-premium/

mrjafari · May 2021

Dear Phil, this pages is also still in white

https://queensfood.de/corporate-news/

kindly let me know how can I change this as well

thanks a lot in advance

Phil · May 2021

Please, change the first code with this one:

   .woocommerce-shop #Content,
   .single-product #Content{
      background-color: #fff!important;
      color: #000!important;
   }

https://forum.muffingroup.com/betheme/discussion/comment/199575#Comment_199575

For this, please, try the following code:

.blog_wrapper .masonry .post-item{
   background-color: #000!important;
}

Thanks

mrjafari · May 2021

I have one more request,

as we have changed all the colors, here also I'm facing problem

in the cart, when asked the customer to chose the destination country to calculate the shipping cost, due to the colors, the list of countries is not visible, could you please send a CSS code?

cheers

Phil · May 2021

Please, try the following one:

.select2-results__option {
color: #000!important;
}

Thanks

Changing the color

Comments