Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • April 11, 2017 at 11:40 pm #776370
    mcraig77

    Ahoy,

    How do I change the phone number background color and font area when the header is glossy? I need all elements to be color including the phone number, social icons, etc. I want the colors to change once it scrolls down to what they are now when you scroll down.

    April 12, 2017 at 1:05 am #776386
    Jordan Shannon

    Hey mcraig77,

    Add the following to quick css:

    #top .av_header_transparency #header_meta {
    color: red!important;
}

#top .av_header_transparency #header_meta .container ul.noLightbox.social_bookmarks.icon_count_2 {
    color: red!important;
}

    Of course change the color to what you need.

    Best regards,
    Jordan Shannon

    April 12, 2017 at 4:49 am #776422
    mcraig77

    I ran into a couple of issues.

    1. The social icons color wont change with that code. I need them to be #969696
    2. How do I change the glossy bar color of the phone number area only to #F8F8F8?

    • This reply was modified 7 years, 8 months ago by mcraig77.
    April 12, 2017 at 3:14 pm #776689
    Jordan Shannon

    Hi,

    That social icon code should work. If possible please provide admin info so I can look into this further.

    Best regards,
    Jordan Shannon

    April 12, 2017 at 9:55 pm #776928
    mcraig77

    Here ya go!

    April 12, 2017 at 10:02 pm #776936
    Jordan Shannon

    Hi,

    The above credentials are not working for me. Can you check it?

    Best regards,
    Jordan Shannon

    April 12, 2017 at 10:04 pm #776938
    mcraig77

    Whoops try this

    April 12, 2017 at 10:27 pm #776949
    Jordan Shannon

    Hi,

    I just looked at the site again, at it seems to be working as you intended. If not, please screenshot what you need fixed.

    Best regards,
    Jordan Shannon

    April 12, 2017 at 10:29 pm #776953
    mcraig77

    Not quite. I need the social icons to show in glossy and need the color of the phone number bar changed .

    April 12, 2017 at 10:31 pm #776954
    Jordan Shannon

    Hi,

    I am not sure what you mean show in glossy. What color should the number be changed to?

    Best regards,
    Jordan Shannon

    April 12, 2017 at 11:13 pm #776977
    mcraig77

    The menu is setup to show glossy at first than when you scroll down it becomes a solid color. Right now you cannot see the social icons in the bar when it is glossy. I want the background phone number and social icon bar to be a dark gray.

    April 13, 2017 at 8:03 am #777100
    John Torvik

    Hi,

    To change these colors, just add the following custom CSS code at the Quick CSS field.

    #header_meta {
background: #222 !important;
}

.social_bookmarks a {
color: #eaeaea !important;
}

    Best regards,
    John Torvik

    April 13, 2017 at 8:14 pm #777498
    mcraig77

    Thank John That seemed to work.

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