Dawn Theme | How to Change the Multicolumn Description Font Size for Desktop Only

Store Design
1

Multicolumn Description.JPG
Multicolumn Description.JPG1291×570 112 KB

Hello all,

I found that the font size in the multicolumn description is too big and I don’t like that it occupies the screen too much on desktop devices. Does anyone have an idea of how to make them smaller?

Here is the sample page: https://kitchenequipped.com/pages/restaurant-equipment

Thank you!

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
@media screen and (min-width: 750px){
body {
font-size: 15px!important;
}
}
3

Hi, I’d like a solution to the same problem. The suggested code here changes the font size for basic body text, and not the description inside multi-columns. Would love to know the actual solution. Thank you!

4

I know it’s been a while but I managed to do this by going to section.multicolumn.css and adding the font size to line 90.

.multicolumn-card__info > :nth-child(2) {
margin-top: 1rem;
font-size: 15px;
}