Okay
  Public Ticket #525585
Increase font/menu weight and positon
Closed

Comments

  • Jek started the conversation

    Hi there,

    Would like to make the follow adjustments:

    1. Change font weight - where can I increase the font weight (eg H2. would like to make it heavier than the default settings)

    2. Change menu fonts and weight - will like to add some shadow to menu fonts as it's not visible on white background, and increase weight all together

    3. Adjust menu to align left, not to the far left but should start only after the logo

    Thanks & Cheers

    Jac

  •  8,990
  • Jek replied

    Hi Tahir,

    Thanks for the link, Am afraid is too technical for someone like myself. In other themes there are options to modify them without writing any CSS.

    I would like to move the navigation menu to the left, increase the font weight for navigation menu and Header 2 as the attached below

    The site link is : http://svt.com.sg/professional-lighting/

    Appreciate your support.


    Cheers & Thanks,

    Jac

  •  8,990
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    header#top nav > ul.sf-menu {
        float: left !important;
    }
    
    
    #header-outer .row .col.span_9 {
        float: none !important;
        margin-left: 200px !important;
    }

    Also you can change the font size in Salient Theme Options -> Typography Section .

    Thanks



    ThemeNectar Support Team 

  • Jek replied

    Hi Tahir

    Thank so much.

    For the fonts, I know I can change the size from the theme options but my concern is changing the weight of the fonts, for H2 and the navigation menu. Was hoping there\'s an option but there ain\'t any. Appreciate your support again.

    Cheers

    Jac

  •  8,990
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    header#top nav > ul > li > a {
        font-weight: 900 !important;
    }
    
    
    h2, h2 span {
        font-weight: 900 !important;
    }

    Thanks


    ThemeNectar Support Team 

  • Jek replied

    Hi Tahir,

    The solution works. thank you so much for your great support.

    Cheers,


    Jac