Okay
  Public Ticket #213821
Using the Extra Class Field
Closed

Comments

  • Jesse started the conversation
    May 14, 2014 at 12:48am

    Can you point me to an example or explain more clearly how to apply custom classes to an element with the Extra Class Name field?

    I have tried a few options with now success.

    Thanks

    Jesse

  •  8,939
    Tahir replied
    May 14, 2014 at 2:40pm

    Can you please elaborate on what you are trying to achieve so we may provide instructions for that .

    Thanks

    ThemeNectar Support Team 

  • Jesse replied
    May 14, 2014 at 9:33pm

    I would like to change to the font size and line height for some <p> copy on the site.

    I think 120% for both would be suffice.

    I add a Text Block and the text and then I have to use <span> tags on each paragraph.

    I was thinking I could use the Extra class name field instead.

    I just don't understand how to use it.

    I have tried writing a full CSS rule and then applying it, but that doesn't work.

    Can you give me an example of what you would enter into the Extra class name field, and then how you would apply it to the text in the Text Block?

    Thanks

    Jesse

  •  8,939
    Tahir replied
    May 15, 2014 at 11:46pm

    Hey Again!

    For example you can write 'bigger-text' in extra class field. Then in custom css you would write :

    .bigger-text p{
font-size:24px;

line-height:28px;
}

    Cheers

    ThemeNectar Support Team 

  • Jesse replied
    May 16, 2014 at 5:20pm

    Great, I didn't understand where to add the custom CSS, but of course you add it to the special box in the Salient control panel. 

    Thanks for your help, again!