How can I resize text and images on my Debut theme store?

Store Design
1

I use the Debut theme for my store. I wanted to know how to adjust size of text and graphics. One section I have on my store has three endorsements, but is way too big. I need to shrink those a bit.

1 Like
2

@Carmdis7

Sorry you are facing this issue, it would be my pleasure to help you.

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

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

3

Hello,

My url is www.mozzafiatoitalianimports.com

Thank you.

1 Like
4

@Carmdis7

thanks for url can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media only screen and (min-width: 750px) {
.mega-title--large {
    font-size: 36px;
}
.mega-subtitle--large {
    font-size: 20px;
}
}
5

Where do I paste at the bottom? At the very last line? Please see the
attached.

Thanks.

1 Like
6

@Carmdis7

oh sorry i canā€™t see any attachment

no rush please flow above code thatā€™s it

7

Iā€™m not sure what you mean. ā€œPlease flow above code.ā€ What does this mean?

Thanks.

1 Like
8

@Carmdis7

@media only screen and (min-width: 750px) {
.mega-title--large {
    font-size: 36px;
}
.mega-subtitle--large {
    font-size: 20px;
}
}
9

I copied and pasted the code but it did not work. The text is still large.

1 Like
10

@Carmdis7

oh sorry but canā€™t see this code

11

Never mind. I found out I can use ā€˜testimonialsā€™ to accomplish what I need. But while we are communicating, how can I make the font size larger on the main menu. For example, Home, Shop, About Us, & Contact Us. Again, if I need to add a code, do i add it at the very bottom of the page?

1 Like
12

@Carmdis7

yes please add this code

a.site-nav__link.site-nav__link--main {
    font-size: 20px;
}