Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #475173

    How do i change the font colours and social icons colours on transparent menu only on no-scroll state?

    #475451

    Hi Haybazak!

    You can use the below css to edit the color of the social icons and phone info: while in no-scroll.

    <strong>This is for no-scroll</strong>
    #top #header_meta .phone-info {
      color: #23408e;
    }
    
    <strong>This is for scrolled</strong>
    #top .header-scrolled #header_meta .phone-info {
      color: gray !important;
    }

    The below css is for the trans menu:

    <strong>This is for no-scroll</strong>
    #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a {
      color: inherit;
      border-color: transparent;
      background: transparent;
    }
    
    <strong>This is for scrolled</strong>
    .header_color.header-scrolled .main_menu ul:first-child>li>a {
      color: #23408e;
    }

    Regards,
    Dake

    #475953

    Hi Drake,

    I am trying to do the same thing. I would like to change the color of social icons on top right on a transparent menu on no scroll from gray to white. On mouse hover I do not want to change anything. see here: fritzimages.com

    I have worked with enfold before and have some custom CSS :
    .iconbox_top .iconbox_content { padding-top: 30px !important; }
    #top .iconbox_top { margin-top: 0px!important; }

    .av_header_transparency .logo { opacity: .95; }
    .logo { opacity: .95; }

    Can you tell me what css I should add additionally to my custom code ?

    thanks

    #476050

    Hey!

    In order to tell you the exact css, may we have temporary access to your website?

    I’m unable to check anything since right clicking is disabled.

    Regards,
    Dake

    #476061

    info provided in private content.

    I would like the social icons on the right side to behave like the top left side menu.

    thanks

    #476100

    Hey!

    Can you double check the username you posted, I’m getting an error when trying to log in.

    Regards,
    Dake

    #476182

    Username attached in private content

    #476195

    Hi!

    I’m not sure why but I’m still getting an invalid username error with the below:

    Best regards,
    Dake

    #476196

    Login info

    thanks

    #476214

    Hi!

    I’m in :)

    Just one more thing however, are you ok with me deactivating the “WP-CopyProtect [Protect your blog posts]” for a short moment to view the required css?

    Best regards,
    Dake

    #476243

    Hi so thoughtful for you to ask…..No…I don’t mind …….go ahead

    #476248

    Hi!

    Your social icons are now set to white by default thanks to the below css:

    #top #wrap_all .social_bookmarks a {
       color: #ffffff !important;
    }

    Regards,
    Dake

    #476267

    Thanks Drake,

    But you may have missed my comments further in the thread……. I need the icons to behave like the top menu. So that when you scroll down the header goes white and the icons would go from white to gray. You can see now that , this icon configuration goes invisible when you scroll down….

    If you could please take a look at it again…

    thanks !

    #476882

    Hi!

    Add this code to fix the social icons when you scroll down:

    #top #wrap_all .header-scrolled .social_bookmarks a {
      color: gray !important;
    }

    Best regards,
    Ismael

    #477073

    Thanks for your support, it is a tweak that has been buging me for a long time…thanks

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Changing font colours and social icons on transparent menu only on no-scroll?’ is closed to new replies.