Forum Discussion

deend's avatar
deend
Mentor
9 years ago

Font changes

Hi,

 

 

i want to change the font like "Recent" Comes in bold and the "Topics" come in the thin font but rite now it comes on the same font, so how can i change this stuff.

  • phani's avatar
    phani
    Advisor
    9 years ago

    Hi deend,

     

    Using nth Everything (https://css-tricks.com/a-call-for-nth-everything/) we can achieve these kind of requirements.

     

    After adding the nt-Everything JS file to your header,

    in your Custom skin CSS file add 

    #lia-body .lia-content .lia-component-forums-widget-recent-messages .lia-panel-heading-bar-title::first-word{
         font-weight:bold;
    }

     

    Hope this helps!

     

    Regards,

    Phani

  • VarunGrazitti's avatar
    VarunGrazitti
    Boss
    9 years ago

    deend -This could be changed from the text keys in the studio, you need to find the key for this and change the values there. 


    In studio, go to Text Editor > Advanced > click on Show text keys this will change all the dynamic text on your community to keys. Copy the key for this and update.

     

    One key I found for this is 

     

    taplet.forumsTaplets.recentThreadsTaplet.title = Recent Topics

     

    change this to

     

    taplet.forumsTaplets.recentThreadsTaplet.title = <strong>Recent</strong> Topics

     

    Make sure you have proper font-weight defined in CSS, if strong tag has a lighter weight, your changes may not appear visually.

     

    More about keys here