Forum has been created to help all our customers in properly working our theme. We offer complete help with configuration theme and make default look, just like on our Be|theme demo. We don`t offer theme customization.


Before creating a new discussion, please:
1. Check on forum if discussion hasn`t been created before. Use the forum Search on the right.
2. Read carefully the documentation included to package.
3. If you didn`t find what you need and would like to post a new question click the "Start a New Discussion" button on the right.
4. You can post on forum only after registration (you need purchase code to register) .


NOTE!!! If you are starting a new topic and have got problems with your site and you want us to check what`s wrong please always give url to your site because without that we can`t check what`s wrong. Each case may be different because of your installed plugins, servers or other things.


IMPORTANT!!! Along with your inquiry, please attach the address of the page which concerns the question. This will cause the time to answer on your question will be much shorter. If you do not want to publish your address publicly in the forum, please send a private message. Thanks!

Change background color only in store page

Hello,

I am using betheme (bebeauty2) and would like the css for changing the background color only for the woo commerce (store) page
http://www.lemonweb.gr/templatebeauty2/products/
and the woo commerce (product) pages i.e. http://www.lemonweb.gr/templatebeauty2/product/durcisseur-cure-express-11-ml/

Also in the product pages, when the background color is not white, a  rectangle shaped, white box appears, which I would like it to be removed
https://pasteboard.co/GR6mckM.jpg

Thanks

 

Comments

  • UPDATE
    Actually found a way using following css for woocommerce store page

    Theme: Be Beauty2

    /* change background color in store-product page*/
    .template-slider #Content, .with_aside #Content {
    background-color: #fff !important;
    }

    /* change background color in the  - display for each product - page-1*/
    .woocommerce .product {
    background-color: #fff !important;
    }

    /* change background color in the  - display for each product - page-2*/
    .woocommerce .section {
    background-color: #fff !important;
    }
    /* change background color in the  - display for each product - page-3*/
    .woocommerce #Content {
    background-color: #fff !important;


    /* change background color of Product Category widget on the store-product page */
    .widget_product_categories ul {
    background-color: #fff !important;
    color: black !important;
    }  

    /* change font color of Product Category widget on the store-product page */
    .widget_product_categories ul li a {
    color: #56514e !important;
    }   
    The above worked for me, if there is another simpler way or less wordy css, would be nice to know

    Also, regarding the "rectangle shaped, white box" mentioned above, I found that it was the social share box, which for some reason did not display correctly on firefox (chrome & edge were fine)  So I disabled it alltogether from  Blog,Portfolio,Shop>General >Blog, Portfolio, Shop Section>Share Box - (Hide)
    If there are any ideas why there is this issue with firefox would be also nice to share

    thx

  • Please sign in to see answear!
  • any idea on how to just change colot on the price box and product description background as i cant seem to get this ruight regardless what i try

  • Please sign in to see answear!
Sign In or Register to comment.