Home Forums Pro Themes Travel Master Pro Change Color Header and Copyright

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #183056
    GRUPO ANBEN
    Participant

    Hello,

    I have successfully purchased and installed your template.

    I have configured everything that I have proposed but I cannot change both the color of the header and the color of the copyright to the custom color #00afe9.

    I would appreciate an urgent response, thank you.

    #183067
    sanam
    Keymaster

    Hello @GRUPO-ANBEN, Please add this CSS in the Additional CSS

    #site-identity .site-title a,
    #site-identity .site-description,
    .main-navigation ul.nav-menu > li > a,
    .main-navigation ul#primary-menu li.current-menu-item > a,
    .main-navigation ul#primary-menu li:hover > a,
    .main-navigation ul#primary-menu li:focus > a,
    .main-navigation ul.sub-menu li a,
    .site-info span {
    color: #00afe9;
    }
    .main-navigation svg.icon-down,
    #masthead .main-navigation .social-menu ul li a svg {
    fill: #00afe9;
    }

    @media screen and (min-width: 1024px){
    .main-navigation ul#primary-menu > li.current-menu-item > a:after, .main-navigation ul#primary-menu > li:hover > a:after {
    background-color: #00afe9;
    }
    }

    Go to Customizer >> Appearance >> Additional CSS, paste the above CSS there, and published the site.
    Please remove main-navigation and social- menus if you don’t want to change color of these items.
    let us know if you have any issues with it.

    Regards,
    Themepalace

    #183070
    GRUPO ANBEN
    Participant

    Hello,

    I appreciate your quick response but maybe I’m not explaining myself well.

    What I need is for the background of both the header and the copyright to be the color #00afe9.

    Exclusively the background, not the letters or the icons.

    Sorry for the inconvenience, best regards.

    #183072
    sanam
    Keymaster

    Hello @GRUPO-ANBEN,

    Please use this CSS instead

    @media screen and (min-width: 1024px) {
    .home.menu-sticky #masthead.nav-shrink {
    background-color: #00afe9;
    }
    }
    .site-info.col-2 {
    background-color: #00afe9;
    }

    #183079
    GRUPO ANBEN
    Participant

    Thank you very much, I see that we are making progress.

    I just need the color #00afe9 to be kept in the header of all pages including the mobile version.

    Right now it only appears on the home page but if you scroll to others you see the black header.

    An affectionate greeting.

    #183083
    sanam
    Keymaster

    Hello @GRUPO-ANBEN,

    Please use this CSS instead

    .menu-sticky #masthead.nav-shrink,
    .site-info.col-2,
    #masthead {
    background-color: #00afe9;
    }

    • This reply was modified 1 year, 8 months ago by sanam.
    #183085
    GRUPO ANBEN
    Participant

    Hi Sanam,

    Perfect, now yes.

    I really appreciate the technical help you have given me.

    The service has been excellent.

    A pleasant greeting.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.