Return to previous page

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

Tagged: header, header 1, phone number in top bar, royal theme, top bar

widiantozhu

Participant

January 22, 2015 9:07 am

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: http://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 to clipboard

Like

Eva Kemp

Support staff

January 22, 2015 9:21 am

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 to clipboard

Like

widiantozhu

Participant

January 27, 2015 9:05 am

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

thanks for helping:)

Content is visible for topic creator and
support staff only.

#37224 copied to clipboard

Like

Eva Kemp

Support staff

January 27, 2015 10:34 am

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 to clipboard

Like
widiantozhu

Participant

January 29, 2015 4:24 pm
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 to clipboard

Like
Robert Hall

Support staff

January 29, 2015 4:37 pm
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 to clipboard

Like
widiantozhu

Participant

January 29, 2015 5:17 pm
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 to clipboard

Like
Eva Kemp

Support staff

January 29, 2015 5:33 pm

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 to clipboard

Like

Nebulas

Participant

January 29, 2015 6:00 pm

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 to clipboard

Like

widiantozhu

Participant

January 29, 2015 6:09 pm

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 to clipboard

Like

Eva Kemp

Support staff

January 29, 2015 6:09 pm

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 to clipboard

Like

Eva Kemp

Support staff

January 29, 2015 6:11 pm

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 to clipboard

Like