Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 27, 2017 at 8:35 pm #813588
    Kelly Erickson

    Hello wonderful Kriesi team!

    I would like to change the color of the top bar where I have placed social media icons and the phone number. I do not want it to affect the color settings of the logo & menu area, just that top bar.

    Currently it’s black text/icons on a white background, and I’d like it to be white text on a black background for both full and mobile versions. Shortcode would be great so I can just plug it in quickly.

    Thanks in advance!

    June 28, 2017 at 11:28 am #813752
    tjswarbs78

    Morning,

    Do you mean the secondary menu that appear above standard header?

    #header_meta {
  background-color:#000000;
  color:#ffffff!important;
}

    That should change background color to black and and text to white (unless there is other css effect the font)
    If you are able to post a link to a page it would be easy to see play with the code.

    Hope that helps

    TJ

    June 28, 2017 at 2:55 pm #813846
    Nikko

    Hi,

    @TJ: Thanks for helping out.

    @kelly: try the code given by TJ, you might also want to add colors for phone info:

    #header_meta span {
    color: #fff;
}

    and for links:

    #header_meta a {
    color: #fff;
}

    Hope this helps :)

    Best regards,
    Nikko

    June 28, 2017 at 11:36 pm #814146
    Kelly Erickson

    Both of those worked! How do I, however, remove the lin below and in between the social media icons?

    Thanks!

    June 29, 2017 at 5:09 am #814204
    John Torvik

    Hi,

    Please, to make it easier, could you provide to us your website link?

    Best regards,
    John Torvik

    June 29, 2017 at 1:10 pm #814420
    tjswarbs78

    Hi,

    #top .social_bookmarks li a {text-decoration:none!important;}

    will remove the underscore on icons

    and

    #top .social_bookmarks li {border-right:none!important;}

    will get rid of the line

    Hope that helps

    TJ

    June 30, 2017 at 9:21 am #814873
    Nikko

    Hi kellyCraftMedia,

    Please try @TJ’s solution, if it doesn’t work please give us a link to your site? so we can check it.

    Best regards,
    Nikko

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