Return to previous page

Header Builder Connection Block Background color

This topic has 7 replies, 3 voices, and was last updated 3 years, 5 months ago ago by Olga Barlow

  • Avatar: Nabco
    Nabco
    Participant
    June 21, 2021 at 09:54

    Hi Team
    I have created a custom header through header builder now I want to change the background color of a connection block of the bottom header but there is no option.
    I don’t want to change the complete bottom header background color just to change the color of the connection block in the bottom header.

    Please check this file https://pasteboard.co/K7BRvnz.png

    #291551 Copied Theme version: 7.2.10 WooCommerce version: 5.3.0
    6 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 22, 2021 at 08:10

    Hello,

    Could you provide URL and temporary wp-admin access?

    Regards

    #291599 Copied
    Avatar: Nabco
    Nabco
    Participant
    June 22, 2021 at 08:34

    I have sent it in private please check and reply

    Please contact administrator
    for this information.
    #291607 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 22, 2021 at 08:50

    Hello,

    Ad the next code in Theme Options > Theme custom CSS > Custom CSS for desctop:

    .header-bottom .et_connect-block {
    background-color: #b8802b;
}

    Regards

    #291610 Copied
    Avatar: Nabco
    Nabco
    Participant
    June 22, 2021 at 08:51

    I want like this
    https://pasteboard.co/K7KSNnm.jpg

    #291611 Copied
    Avatar: Nabco
    Nabco
    Participant
    June 22, 2021 at 09:08

    Hello Rose
    Thank you so much it worked but need a little help need
    please check this file
    https://pasteboard.co/K7KZb1M.png

    #291616 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 22, 2021 at 17:09

    Hello,

    Check your header now.

    Regards

    #291685 Copied
  • Viewing 7 results - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WooCommerce Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 03 – Multivendor WP WooCommerce Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Pub – WordPress Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Eco Scooter Store – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress WooCommerce Theme
lazy-placeholder
Drinks Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.