Modify font size and background of multicolumns in Dawn

Store Design
1

Hi,

As a total beginner i would like to know how to change the code of “dawn” to be abbe to modify the multicolums title font size and its background color.

Thanks in advance

Al

2

Hi @Alfa74 ,

share the store url and screenshot

3

@Alfa74

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

Here it is : https://laovision.myshopify.com/ pw : Help74

Thanks!

5

@Alfa74 ,

Can you share the screenshot which section font you wanna change ?

6

Here it is:

Alfa74_0-1643702802558.png
Alfa74_0-1643702802558.png1035×462 102 KB

7

@Alfa74 ,

.rich-text.color-background-2.gradient.rich-text--full-width {
    padding: 40px;
}

.multicolumn.background-secondary {
    background: red;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Change the color as per you need…

8

Thanks for this quick response, unfortunately it’s still not what I would like

Alfa74_0-1643707504622.png
Alfa74_0-1643707504622.png1450×482 59.3 KB

The padding function is not working

I would like the color to be around the text (as a box) and not the full background

Is it feasible?

9 
.multicolumn.background-secondary {
    padding-top: 21px;
}

.title-wrapper-with-link.title-wrapper--self-padded-mobile {
    background: #a18989;
    padding: 20px;
}

change color…

10

Thanks that’s it! and what about the font size of the multicolumns header?

11

@Alfa74 ,

.multicolumn .title {
    font-size: 23px;
}

you can manage the font as per you need.

23px i have added as example

12

Where do we add this code/

13

@CollagenStickz ,

Send your issue with URL.

14

@oscprofessional

Is there a way to change the colour of the header text and make it bold?