Make vendor font size bigger - Dawn theme 7.0.1

Store Design
, , ,
1

Hello

First of all i have tried several codes but they didnt work im afraid.

I want to change the font text on the vendor, see screenshot.

Is it possible to make the Christian Dior (Brand name bigger)

Thanks in advance. :slightly_smiling_face:

FONT SIZE BIGGER.JPG
FONT SIZE BIGGER.JPG231×139 6.16 KB

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:
.product__title h2 {
font-size: 15px;
padding: 10px 0;
}

ZestardTech_0-1690545931383.png
ZestardTech_0-1690545931383.png1778×667 134 KB

3

@ZestardTech Hello, thanks for the answer, but this should be on the collection page. I was too quick and forgot that. Sorry. :slightly_smiling_face:

Hope we find a solution. :slightly_smiling_face:

4

Hi @Dekanten ,

Please use this Css as below

.caption-with-letter-spacing{
font-size: 15px;
}

Let me know if that works for you :slightly_smiling_face:

5

Hello @Dekanten

  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:
.card__information .card__heading {
    font-size: 15px;
}

ZestardTech_0-1690549347746.png
ZestardTech_0-1690549347746.png1675×868 221 KB

6

@ThePixelEdge @ZestardTech I want to change the small product brand name with bigger letters, not the header so i have not been clear typed there. :confused:

Thanks guys for helping me out, the job is to make the small font bigger since its too small. :confused:

7

Hi @Dekanten ,

The Css that I have provided will only increase the font-size of the brand name and not the header .

.caption-with-letter-spacing{
font-size: 15px;
}

Please refer to the attached screenshot .

ThePixelEdge_0-1690550724415.png
ThePixelEdge_0-1690550724415.png1887×456 190 KB

Let me know if that helps

8

Hi @Dekanten ,

Is this solve? If not try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.caption-with-letter-spacing.light {
    font-size: 18px;
}

Result:

Ribe_Dagandara_0-1690552635758.png
Ribe_Dagandara_0-1690552635758.png1168×293 87.4 KB

Note: You can change the sizes.

I hope it help.

9

@ThePixelEdge I tried in the Base.css but my css has a bug or something, but i figured it out while searching the code and changed to 1.5rem.

See screenshot:

FONTTTT.JPG
FONTTTT.JPG392×108 8.27 KB

10

@ThePixelEdge @Made4uo-Ribe @ZestardTech Its done now and i have fixed it, many thanks to all of you for helping me out here. Great to have you here. :slightly_smiling_face: