Okay
  Public Ticket #1043860
styling tab buttons + copy
Closed

Comments

  •  2
    Kimberley Norcott started the conversation

    Hi, 

    How do I adjust the type inside the buttons/tabs of a new tab page? 

    Additionally, how do I make the copy below the tabs into columns and then styled? I've attached screenshots to be clear about what I'm looking at. 

    Thank you in advance. 


  •  8,454
    Tahir replied

    Hey Again,

    Styling those buttons would require custom css . There are few styles available though : 

    To make the column inside the Tab, Append a inner row to it , then move the Text Boxes in it or create new ones : 

    Bes.t


    ThemeNectar Support Team 

  •  2
    Kimberley Norcott replied

    Hi, 

    I tried doing this and the buttons are no longer active. 

    I'm going to look into styling the type better, but would love to 

    - have the 2 rows of 3 statements each connected to each of the buttons

    - have the buttons back below the logo with some space

    - be able to reduce the size of the font inside the buttons (will look at the css once the rest is in place if possible). 

    If these things aren't possible I will format more of a flat page, but this is a cool feature from Salient I would love to try and use.

    thanks in advance. 


  •  2
    Kimberley Norcott replied

    Hi, I've figured out how to make the tabs active again, and to style them. Thank you for your help with that! There are 2 things I can't figure out how to do 

    1. add some space underneath the tabs, between the tabs and the 3 boxes. 

    2. style the type inside the tab (i would like to either make it the same as the buttons on the first page (which were somewhat automatic from the theme except for an updated font to futura.) OR, to make them like my "heading 6". 

    How might I attempt these 2 adjustments?

    thank you in advance. 

    Kim


  •  8,454
    Tahir replied

    Hey,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks


    ThemeNectar Support Team 

  •   Kimberley Norcott replied privately
  •  8,454
    Tahir replied

    Hey Again,

    I see you divided professionals and client to different rows . 

    Be.st 


    ThemeNectar Support Team 

  •   Kimberley Norcott replied privately
  •  8,454
    Tahir replied

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .tabbed > ul li a {
        font-size: 18px !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  2
    Kimberley Norcott replied

    That worked, thanks!!

    And for anyone in the future checking out this post, I added some spacing adjustments by adding 'letter-spacing: 3px;' to that... so i added the custom CSS... 


    .tabbed > ul li a {
        font-size: 14px !important; letter-spacing: 3px;
    }