- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎06-02-2019 10:10 PM
Hi All,
I am trying to change the font size on all text in the body widgets from 14 to 16 how can i do that?
I tried adding css as below but the size is defaulting 18 for some reason. Any help on this is appreciated.
body {
font-size: 16px;
}
Solved! Go to Solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎06-02-2019 11:01 PM
Hi Santosh,
Please follow these steps to update the font.
1) Control + Right click on your widget and open it in the Page in designer.
2) Go to the Page setting gear icon at top right corner and add the following in its Page specific CSS field
.list-group{
font-size: 16px;
}
This should apply the require font size to your list groups
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎06-03-2019 01:22 AM
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎06-03-2019 09:38 PM
Hi Alikutty,
Thanks for the response. This one works on page level is there something i can do for the whole portal itself rather than doing it for each page?
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎06-03-2019 09:46 PM
For this,
Go to your portal record and open the its theme record. Under related lists, you could find CSS Includes. Create a new CSS stylesheet and include your CSS in it as.
body{
font-size: 16px;
}
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎06-03-2019 10:47 PM
Hi Alikutty,
that's what i tried and it is defaulting to 18 font size for some reason.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎06-03-2019 10:50 PM
This is because the font-size is declared to 18 somewhere within your page or widget CSS. You will need to find where it is declared and remove it. The Theme CSS is at a higher level and the page, widget CSS will always override it.
Please check where it comes from and remove it