Comments 2TheIndianForeigner started the conversationNovember 3, 2020 at 2:50amI have a row that has 4 columns on desktop.I would like this row 'specifically' to stay 4 columns on mobile but reduce the font size for only this row's content.How do I do that? Is there a specific CSS code that I can add to this row with a class name?Thanks! 9,333Tahir repliedNovember 3, 2020 at 6:50pmHey Again,For Each Column you need to adjust the Responsive Column Options: Click To Open Larger Image.- As regards adjusting the font size, you can do that by adding an extra class to that row and then use that in the CSS selector .Thanks Salient Support Team | Say Hello! 2TheIndianForeigner repliedNovember 3, 2020 at 7:15pmYes I tried the responsive settings.Could you please share the sample CSS code I can use for media query with a class name? 9,333Tahir repliedNovember 3, 2020 at 7:18pmPlease provide the page URL so I may write up the custom CSS for this request.Thanks Salient Support Team | Say Hello! 2TheIndianForeigner repliedNovember 3, 2020 at 7:23pmI'm still working on the site internally. So unable to provide a URL.I tried something like this for the milestone element but it doesn't work@media only screen and (max-width: 600px).class-name p {font-size: 12px !important;} 9,333Tahir repliedNovember 3, 2020 at 7:25pmShould work like below. @media only screen and (max-width: 600px) { .class-name p { font-size: 12px !important; } } Salient Support Team | Say Hello! Sign in to reply ...
I have a row that has 4 columns on desktop.
I would like this row 'specifically' to stay 4 columns on mobile but reduce the font size for only this row's content.
How do I do that? Is there a specific CSS code that I can add to this row with a class name?
Thanks!
Hey Again,
For Each Column you need to adjust the Responsive Column Options:
- As regards adjusting the font size, you can do that by adding an extra class to that row and then use that in the CSS selector .
Thanks
Salient Support Team | Say Hello!
Yes I tried the responsive settings.
Could you please share the sample CSS code I can use for media query with a class name?
Please provide the page URL so I may write up the custom CSS for this request.
Thanks
Salient Support Team | Say Hello!
I'm still working on the site internally. So unable to provide a URL.
I tried something like this for the milestone element but it doesn't work
@media only screen and (max-width: 600px)
.class-name p {
font-size: 12px !important;
}
Should work like below.
Salient Support Team | Say Hello!