How to Change Top Bar Menu Color, Insert Social Media Icon in Top Bar & HTMLCode

This topic has 13 replies, 3 voices, and was last updated 9 years, 1 month ago ago by Eva Kemp

  • Avatar: boedakpinank
    boedakpinank
    Participant
    February 13, 2015 at 15:21

    1. How to Change Top Bar Menu Color, i am use Header type 7, i have insert code in custom css like this :

    .header-type-7 .top-bar {
        background-color: #ca0606;
        color: white !important;
    }
    
    .languages-area {
        float: right;
    }

    2. How to Insert Social Media Icon in Top Bar, so if my text now in Right, i want to insert social media icon in left

    3. Do you have any example HTML Code such as your demo when user do a right click?

    Thank you

    Regards

    12 Answers
    Avatar: boedakpinank
    boedakpinank
    Participant
    February 13, 2015 at 16:35

    I am sorry i have solved point 3

    Avatar: boedakpinank
    boedakpinank
    Participant
    February 13, 2015 at 16:37

    But why my footer show different when view in homepage and view at another page. Please look at my sit in private

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    February 13, 2015 at 19:11

    Hello,

    1. As I see top bar background color is changed with your code. What problems are you experiencing?
    2. You need add [share] shortcode in “Place in header top bar” area in Appearance > Widgets and separate it from other links using margin values.
    Or you need edit header.php file in the theme directory.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: boedakpinank
    boedakpinank
    Participant
    February 13, 2015 at 23:41

    1. not yet, because i want to change the top bar menu text color to white too, but until now its not yet WHITE color, is is my code wrong?

    2. hi please see my page url in private below, how to remove this footer , just on this page?

    thanks

    Regards

    Please, contact administrator
    for this information.
    Avatar: boedakpinank
    boedakpinank
    Participant
    February 14, 2015 at 00:19

    HI, what do you mean “separate it from other links using margin values.
    Or you need edit header.php file in the theme directory”

    do you have the code to separate its? thanks

    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 14, 2015 at 09:21

    Hello,

    1) Please use this code in custom.css file

    .top-bar .languages-area .menu-social-icons li i {
    color:#fff;
    }

    2) Navigate to Dashboard->Pages->Select Page->edit->In the right side find information about Footer and select Without.

    Regards,
    Robert Hall.

    Avatar: boedakpinank
    boedakpinank
    Participant
    February 14, 2015 at 09:32

    1. thank you, now the text is white color, but why my another menu was go down? not in top bar area? please see the URL in private, thank you so much

    Regard

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 14, 2015 at 09:35

    Hello,

    Please provide us with wp-admin access in Private Content.

    Regards,
    Robert Hall.

    Avatar: boedakpinank
    boedakpinank
    Participant
    February 14, 2015 at 09:39

    i have sent you in private, thank you

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 14, 2015 at 10:45

    Hello,

    I’ve added some changes into custom.css file. Please check.

    Regards,
    Robert Hall.

    Avatar: boedakpinank
    boedakpinank
    Participant
    February 15, 2015 at 04:42

    thank you very much Robert, now everything was solved..

    Avatar: Eva
    Eva Kemp
    Support staff
    February 16, 2015 at 09:35

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

  • Viewing 13 results - 1 through 13 (of 13 total)

The issue related to '‘How to Change Top Bar Menu Color, Insert Social Media Icon in Top Bar & HTMLCode’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.