CSS Customization: Shop Cart background

  • Resolved sagibinder

    (@sagibinder)


    4 years, 1 month ago

    Hello
    I would like to get help with 2 issues please:
    1.In the top of the page, there is a black rectangle, The background is black and the font is black as well, I would like to change the background to grey.
    Can you advise regarding the CSS code?
    Checkout

    2. On the product page description, the tabs are sitting on top of each other, I would like it to be the same as the web pages meaning “sitting” next to each other
    Attached screenshot of the mobile view
    Can you please advise regarding that?
    Whats-App-Image-2021-02-07-at-4-09-48-PM<br />upload pic<br />

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi, @sagibinder

    Try adding this in Dashboard – Appereance – Customize – Additional CSS in the Customizer

    1. You can change the color code as you wish: 

    .woocommerce-checkout .woocommerce .woocommerce-info {
    background-color:#ececec; 
}

    2. On devices having width smaller than 455px, this will give the tabs a smaller right & left padding, so it can fit on one row:

    @media all and (max-width:455px){
    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        padding:10px 10px;
    }
}

    You can learn how to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

    Hope this helps,
    Kind regards!

    Thread Starter sagibinder

    (@sagibinder)

    Hi Vlad!
    Thanks for the help – it’s working!

    Awesome! Happy to help! Glad it’s working!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS Customization: Shop Cart background’ is closed to new replies.