Forum Discussion

PerBonomi's avatar
PerBonomi
Boss
12 years ago

Change "Announcements" style

How do I change the css of the "Announcements" text in the announcements component? I'm looking for the specific code to add in Studio.

 

Thanks.

  • Claudius's avatar
    Claudius
    Boss
    12 years ago

    The easiest way to do this is by adding your own unique id to the announcement content, e.g.t:

    <div id="myAnnouncement">
   Content goes here...
</div>

    This isn't ideal though as you mix code and content and the code can be break by someone updating the announcement.

    You can apply CSS to the announcement box content by using the following CSS:

     

    #lia-body .lia-content .lia-component-common-widget-announcement .lia-panel-content {
       ....
    }