Top Social Bar and Font Question.

font header

- 9 years, 5 months ago garyseven
  Participant
  
  Expired
  
  Hi,
  
  Firstly, what a beautiful theme! Thank you!
  
  Two simple questions.
  
  One. I am using the business template and cant seem to find how to get back the top header bar (with the social icons and number and address) Ive looked but still can’t find the setting.
  
  Two. A fellow designer I am working with wants to change the fonts to times and helvetica. I am under the impression that this site is optimized for the fonts you are using. Is that correct?
  (If yes i’d like a good argument to state the case for this as I think the site is
  perfect with the default fonts and the subs are not as nice).
  
  If they still insist, how do I change the fonts (at least to show them how it looks).
  
  Thank You
- 9 years, 5 months ago garyseven
  Participant
  
  Expired
  
  Hi
  
  Concerning Question One
  
  I have found some settings that may answer my question – I believe this is top left and right widget. Correct? Only thing I cant seem to find is how to place those little icons (the email icon and the location icon)
  
  Concerning Question Two
  
  I see the font can be changed globally under Typography Options. Is this the only place I need to be in to change fonts?
  
  If there is a font not there how do I add it?
  
  Thanks
  
  Gary
- 9 years, 5 months ago Mirela
  Participant
  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!
- 9 years, 5 months ago garyseven
  Participant
  
  Expired
  
  Perfect, thanks.
  
  Is there a way to
  
  1. allocate more room to the top right widget so my info does not go on two lines.
  
  2. see a list of available icons to insert via the shortcode? (looking for a phone icon)
  
  Thanks
- 9 years, 5 months ago Mirela
  Participant
  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, 5 months ago by Mirela.
- 9 years, 5 months ago garyseven
  Participant
  
  Expired
  
  Thank You!
  
  The custom CSS is under TOWER>GENERAL OPTIONS yes?
  
  Can i delete the existing css ?
  
  ______________ existing css _______________
  
  /*#header{
  
  margin: 0 auto;
  
  }*/
  
  .services_medium {
  
  float:left;
  
  }
  
  ______________ existing css _______________
  
  The CSS you gave me has a height value – if i want to change the width is this css valid as well?
  
  <span style=”color: #444444; font-family: Inconsolata, Consolas, Monaco, ‘Lucida Console’, monospace; font-size: 15px; line-height: 24px; white-space: pre; background-color: #f9f9f9;”>.top_nav, .top_nav .widget { height: 50px !important; }</span>
- 9 years, 5 months ago garyseven
  Participant
  
  Expired
  
  Hi
  
  Everything seems to be working now in terms of having room. But in the top widget area I cant figure out how to get a space between the two elements. See link
  
  https://imgur.com/x8rvyPU
- 9 years, 5 months ago Mirela
  Participant
  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!
- 9 years, 5 months ago garyseven
  Participant
  
  Expired
  
  That worked perfectly and easily!
  
  I have to compliment you guys, your theme works perfectly and easily!
  
  I just bought another top selling theme on envato and I am sorry i did, it required me to reconfigure settings for the wordpress and is not installing demo content properly, requiring much wasted time trying to debug. Makes me appreciate Tower, that works like a dream that much more!
  
  THANK YOU!
  
  (ps. only thing not working is I am not getting email notifications here of follow-up replies)
- 9 years, 5 months ago Mirela
  Participant
  
  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!

Viewing 9 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login