Hello,

Thank you for your appreciation!
1-You can set on/off the top widgetized bar in General Options > Header Options > Top Widgetized Area > Show Top Navigation. To add/remove widgets, go to Appearance > Widgets > Top Header Left/Right.
Add these shortcodes for the email/location:

[icon_text icon="moon-location"]Brooklyn, NY[/icon_text]
[icon_text icon="moon-mail"] [email protected][/icon_text]

Screenshot.

2-The used fonts in demo theme are it’s default layout, but you are free to use what ever font you want to make your site closer to your needs.
You can change fonts from theme’s option panel: General Options > Typography Options; change them with custom css, by adding any css code you want in your custom css box; To add more fonts, please refer to this topic: https://support.codeless.co/?topic=how-to-add-a-new-font-family/#post-4693

Best regards!

Hello,

1-You can edit top header area dimensions with a little css. Add these line sinto your custom css box:

.top_nav, .top_nav .widget {
    height: 50px !important;
}

Edit the value to your need.
2-You can search up the icons to use in every vc element that uses the icons(example: services element, location icon list screenshot)
Then use them in your shortcode, example:

[icon_text icon="moon-location"]Brooklyn, NY[/icon_text]
[icon_text icon="moon-location-2"]Brooklyn, NY[/icon_text]
[icon_text icon="moon-location-3"]Brooklyn, NY[/icon_text]
[icon_text icon="moon-location-4"]Brooklyn, NY[/icon_text]
[icon_text icon="moon-compass"]Brooklyn, NY[/icon_text]

Phone icons example screenshot.
Here are the icons used in theme:

https://icomoon.io/#preview-ultimate

https://icomoon.io/#linearicons

https://fortawesome.github.io/Font-Awesome/

https://steadysets.com/

Best regards!

• This reply was modified 9 years, 4 months ago by Mirela.

Hello,

1-In the existing css code you have, this code:

/*#header{
margin: 0 auto;
}*/ 

is set as a comment. Meaning, it has no effect on the site so you can delete it any time. The other code makes the services element content float to the left. If you have not added that yourself, or do not want that effect anymore, then you can delete it as well.

2-In the provided css code, you can add any other attribute you want. Width; height; background..etc. Just make sure you are adding attributes that are acceptable from the element. (read more info on css attributes here)

3-To make more room between these elements, please add this code into your custom css box (you are right, it is the box under General Options > Custom CSS Code):
.top_nav .icon_text { padding-right: 20px;}
Edit the value to your need.

Best regards!

Hello,

Glad to know you are having a good experience with Tower. If you are satisfied with theme and support, would you please rate us with 5 stars? It is important for us so that we can continue working hard to provide even more beautiful and codeless themes.

Thank you & Best regards!