Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Top Social Bar and Font Question.

fontheader
    • 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, 4 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, 4 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, 4 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, 4 months ago by Mirela.
    • 9 years, 4 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, 4 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

       

      top widget area space issue

      https://imgur.com/x8rvyPU

    • 9 years, 4 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, 4 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, 4 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.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password