Home Forums Basel – Premium Template Color change

This topic contains 3 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 5 days, 11 hours ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #155159

    giacostudio
    Customer

    Hello,

    I would like to change the light grey color background in the Woocommerce pages (such as in the top bar and tabs of the product page and in other pages – screenshots in attach). Furthermore, I would like to change the black color in the top bar of the Cart widget (picture in attach).

    Is it possible?

    Thanks,
    Giada – Giaco studio

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #155210

    Hello,

    Thank you very much for choosing our theme and for contacting us.

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .single-breadcrumbs-wrapper {
        background: red;
    }
    body .single-product-content .product-tabs-wrapper {
        background-color: yellow;
    }

    In order to change the border in the FAQ block, you will need to change the color or the column border https://prnt.sc/ptaamv

    Code for the shopping cart sidebar:

    body .cart-widget-side .widget-heading{
          background-color: green;
    }

    Code for the checkout page:

    body .woocommerce-checkout .checkout-order-review {
        background-color: blue;
        background-image: none;
    }

    Best Regards

    #156556

    giacostudio
    Customer

    Hello,

    thanks for your answer but the code for the checkout-order-review doesn’t work, the color is still light grey.

    I’d like to change also other things:
    – change the color in the compare page (1)
    – change the color in the product page category label (2)
    – move the 4th tab to the second place like in the 3th screenshot in attach

    Thanks in advance for your help.

    Regard,
    Giada – Giaco studio

    Attachments:
    You must be logged in to view attached files.
    #156617

    Hello,

    As soon as your site is on the live host I will be able to check the code for the checkout and correct. Now I check it in my side and it works https://prnt.sc/pw3pl8

    Please add this code to change the color on the compare page:

    body .basel-compare-row:nth-child(even) .basel-compare-col{
        background-color: red;
    }

    Here is the code for Categories:

    body .product-design-alt .product_meta {
        background-color: red;
    }

    It is not possible to move the tabs with CSS, you will have to find a plugin or customize.

    Best Regards

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.