Return to previous page

How do I add phone number or other text in the top bar above the header?

This topic has 12 replies, 4 voices, and was last updated 9 years, 9 months ago ago by Eva Kemp

widiantozhu

Participant

January 22, 2015 at 09:07

Hi, I’m using Header Type-1 and I’m trying to add Phone Number information on the top bar above the header.

I’ve tried to add this text “HOTLINE: (0877) 809-99821 . (0838) 934-11085” through Appearances > Widgets > and add the text block inside the Place in header top bar, but it didn’t shows up;

I’ve tried your suggestion in this URL: https://www.8theme.com/topic/adding-content-to-header/, but still no Phone Number info shows up.

Can you please help? thanks a lot 😀

#36444 Copied

11 Answers

Eva Kemp

Support staff

January 22, 2015 at 09:21

Hello,

Have you enabled top bar in Theme Options > Header > Enable top bar > On?
Please provide us with wp-admin panel credentials in private content.

Thank you.
Regards,
Eva Kemp.

#36455 Copied

widiantozhu

Participant

January 27, 2015 at 09:05

hi eva, yes i have enabled the top bar in Royal theme option. please see private content for user access information.

thanks for helping:)

Please, contact administrator
for this information.

#37224 Copied

Eva Kemp

Support staff

January 27, 2015 at 10:34

Hello,

In custom.css file you had the code that prevents languages bar from displaying:
.top-bar .languages-area {display: none;}

I’ve removed it and now phone number is shown in the top bar.
Please check.

Thank you.
Regards,
Eva Kemp.

#37277 Copied
widiantozhu

Participant

January 29, 2015 at 16:24
hi eva, thanks a lot for your help, you’re the best:)

the HOTLINE (phone) number shows up now, and can you tell me how to style it?

i wish to
- remove the white background
- increase the font size a bit
- change the font color to white, and also…
- align-right the HOTLINE number info.
please help, thanks:)
#38226 Copied
Robert Hall

Support staff

January 29, 2015 at 16:37
Hello,

Please add this code into custom.css file.
```
.languages-area .widget-title span {
#58BA47;
}
.languages-area .widget-title{
font-size:20px;
color: #fff;
}
.languages-area{
float:right;
}
```
Regards,
Robert Hall.
#38229 Copied
widiantozhu

Participant

January 29, 2015 at 17:17
hi robert,

i’ve added the codes that you suggested but nothing happened. perhaps it’s because i already have this code in custom.css?
```
.top-bar {
background-color: #fff;
font-size: 20px;
color: #fff ;
padding-top: 25px;
padding-bottom: 0px;
.product-image-wrapper .footer-product{
display:none;
}
```
but if when i remove the .top-bar, nothing shows up and the top bar turns to black.

any other solution?
#38238 Copied
Eva Kemp

Support staff

January 29, 2015 at 17:33

Hello,

In the code for .top-bar you forgot to add }.
I’ve added it and now the code that was placed after is working now.
Please clear browser cache and check top bar.

Thank you.
Regards,
Eva Kemp.

#38246 Copied

Nebulas

Participant

January 29, 2015 at 18:00

Hi,
I need to add three social network icons in the top bar. I add my html code in the top bar widget.
I used also the font awesome as icons, but default setting of fontawesome.min.css create very small icons. I try to enlarge this icons increasing the size font.
I add a custom style to my custom.css but now the top bar implode and show a small line black and nothing inside.
So, I don’t understand: the css code I have to add it in the default.custom.css or I have to create a custom.css and add it in the theme folder?

#38258 Copied

widiantozhu

Participant

January 29, 2015 at 18:09

hi eva, thank you so much for your help. really appreciate that you went for the last mile and added the }

awesome support! 😀

#38262 Copied

Eva Kemp

Support staff

January 29, 2015 at 18:09

Hello @Nebulas,

You need make style changes in custom.css file.
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

Thank you.
Regards,
Eva Kemp.

#38263 Copied

Eva Kemp

Support staff

January 29, 2015 at 18:11

Hello @widiantozhu,

Thank you for your feedback.
You’re welcome.

We’d be thankful if you post a comment on our site
http://themeforest.net/item/royal-multipurpose-wordpress-theme/8611976

We really appreciate it.

Thank you.
Regards,
Eva Kemp.

#38266 Copied
Tagged: header, phone, templates, text, top bar, woocommerce, wordpress
Viewing 12 results - 1 through 12 (of 12 total)