Changing the color

mrjafari

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

mrjafari

hey Phil,

Thanks for your replys.

I will be glad if you could help me out

Phil

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

mrjafari

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

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

mrjafari

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

Please, try the following one:

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

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next