Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • September 22, 2014 at 2:29 am #322732
    katiadiamond

    Can someone please advise how to change the following:

    When using the header option to include telephone number and social media icons, the default background color for this bar is a grayish color. I can’t find the settings to change this. I may want to use black or another color instead.

    Also, I need to be able to change the text color of the telephone number if I change the background bar color.

    Also, I need to be able to change the social media icon colors if I change the background bar color.

    I’ve looked several times and either this isn’t an option in the settings, or I just can’t find it. I would greatly appreciate some help.

    Thanks,
    Katia

    September 22, 2014 at 4:23 am #322771
    Josue

    Hi Katia,

    Can you post the link to your website please?

    Regards,
    Josue

    September 22, 2014 at 5:26 am #322790
    katiadiamond

    Hi Josue,

    The site isn’t live yet so its behind the maintenance wall. I would attach a screenshot so you can see what I am trying to modify, but I don’t see a way to do that here. The area I am trying to change the color on is the narrow background area at the very top of the home page header where optional telephone number can be added on the left side and the social media icons on the right side. I want to know how to change the background color of that area from grey to another color. Also, if the color becomes black for example, I will need to change the color of the social media icons so they can be seen and probably the text for the telephone number also.

    Can you advise me how to do this?

    Thanks,
    Katia

    September 22, 2014 at 5:37 am #322791
    Josue

    Hi Katia,

    That would help, upload your mockup to dropbox or imgur, then post the link here.

    Regards,
    Josue

    September 22, 2014 at 5:56 am #322796
    katiadiamond
    This reply has been marked as private.
    September 23, 2014 at 4:14 am #323445
    Ismael

    Hey!

    Thank you for the screenshot.

    You can use this:

    .header_color .container_wrap_meta {
background: black;
}

.header_color .phone-info, .header_color .phone-info a {
color: white;
}

    Change the social icon colors with this:

    .header_color .social_bookmarks a {
color: white;
}

    Regards,
    Ismael

    September 23, 2014 at 6:31 pm #323849
    katiadiamond

    Hi Ismael,

    Thanks for the code! Can you please briefly explain where I insert this so it works?

    Thanks,
    Katia

    September 23, 2014 at 7:30 pm #323870
    Yigit

    Hi!

    Please add the code Ismael posted to Quick CSS field which is in Enfold theme options under General Styling tab

    Cheers!
    Yigit

    December 7, 2015 at 11:44 pm #548414
    BrendaSarg

    This doesn’t work for me? I’ve checked numerous posts and tried the code, and nowhere do I have grey in my settings, but when I scroll down, the very top bar goes gray?

    December 8, 2015 at 2:03 am #548462
    Josue

    Hi!

    Try modifying this element:

    View post on imgur.com

    Cheers!
    Josue

    December 8, 2015 at 3:43 am #548488
    BrendaSarg

    Did that….still changes to a light grey on scroll :(

    December 8, 2015 at 2:20 pm #548735
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    div#header_meta {
    background: red !important;
}

    Cheers! 
    Josue

    December 8, 2015 at 8:32 pm #549210
    BrendaSarg

    Does nothing :(

    December 9, 2015 at 6:33 am #549501
    Josue

    Hi,

    Can you please create us a WordPress administrator account? post it here as a private reply.

    Regards,
    Josue

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