Return to previous page

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, 9 months ago ago by Eva Kemp

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
#41981 Copied
12 Answers

boedakpinank

Participant

February 13, 2015 at 16:35

I am sorry i have solved point 3

#42054 Copied

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.

#42056 Copied

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.

#42117 Copied

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.

#42187 Copied

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

#42203 Copied
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.
#42237 Copied
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.

#42241 Copied

Robert Hall

Support staff

February 14, 2015 at 09:35

Hello,

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

Regards,
Robert Hall.

#42243 Copied

boedakpinank

Participant

February 14, 2015 at 09:39

i have sent you in private, thank you

Please, contact administrator
for this information.

#42244 Copied

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.

#42247 Copied

boedakpinank

Participant

February 15, 2015 at 04:42

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

#42429 Copied

Eva Kemp

Support staff

February 16, 2015 at 09:35

Hello,

You’re welcome.

Regards,
Eva Kemp.

#42499 Copied
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

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

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection