Home Forums Basel support forum Change colors shop header/Show share buttons

Change colors shop header/Show share buttons

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #14167

    orisorin
    Participant

    Hello,

    Change colors shop header
    I would like to change the colors of the arrows and text (now in black) into white
    and the color of the bar (now in grey) into #e0bcc9.

    Show share buttons
    How can i change text share: in follow: in shop page
    I have selected follow as share button type.
    What am i doing wrong?

    Kind regards,

    #14173

    Artem Temos
    Keymaster

    Hi,

    Try to add the following code snippet to the Custom CSS area in Theme Settings to change the color

    .basel-products-nav .product-btn>a span,
    .basel-back-btn>span:after,
    .basel-back-btn>span{
    	background: white;
    }
    .single-breadcrumbs-wrapper {
        background: #000;
    }
    
    .basel-back-btn>span:before,
    .basel-products-nav .product-btn>a span:before,
    .woocommerce-breadcrumb a {
        color: #fff;
    }

    Here is a video that demonstrates how to translate strings with Loco Translate plugin https://www.youtube.com/watch?v=tAFq1yTfWfU

    Regards

    #14177

    orisorin
    Participant

    Hello,

    Thank your very much for your response.
    Added code snippet and to custom css, arrows and some text are changed in correct colour.
    Background border changed into black
    Picture added in attachment.

    Thank you

    Kind regards,

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

    Artem Temos
    Keymaster

    Try to replace with this one

    .basel-products-nav .product-btn>a span,
    .basel-back-btn>span:after,
    .basel-back-btn>span{
    	background: white;
    }
    .single-breadcrumbs-wrapper {
        background: #e0bcc9;
    }
    
    .single-breadcrumbs-wrapper span {
      color:white;
    }
    
    .basel-back-btn>span:before,
    .basel-products-nav .product-btn>a span:before,
    .woocommerce-breadcrumb a {
        color: #fff;
    }
    #14210

    orisorin
    Participant

    Thank you very much! It works

    #14221

    Artem Temos
    Keymaster

    You are welcome!

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