Solved

Text isn't changing when I update css

jasminsharp97
Shopify Partner
18 0 2

I'm working on this site, on the "Our Story" page. The top section of the page I'm trying to change the size of the text that says "hello friend!" to make it twice as big as it is now, and I'm trying to change the font of the line right below it that says "welcome to bianca & bear."

 

When I go to the CSS, I'm doing this:

 

.ctm-block-content {
font-family: 'Intervogue Soft Alt';
font-size: 40px;
font-weight: 400;
line-height: 80px;
letter-spacing: 0.2px;
text-align: center;
}

 

h2.ctm-block-heading3 {
font-family: 'bubblegumscript';
font-size: 30px;
line-height: 40px;
}

 

But neither of those snippets are getting me what I want. I want it to look like this:

Screenshot 2024-06-08 162224.png

What am I doing wrong?

Accepted Solution (1)

BSSCommerce-HDL
Shopify Expert
769 249 263

This is an accepted solution.

Hi @jasminsharp97, I have edited your code a bit. And please follow these instructions:
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BSSCommerceHDL_0-1717893649829.png

 

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSCommerceHDL_1-1717893654732.png

 

Step 3: Insert the below code at the bottom of the file -> Save

.ctm-block-content {
font-family: 'intervogue_soft_altmed';
font-size: 40px;
font-weight: 400;
line-height: 80px;
letter-spacing: 0.2px;
text-align: center;
}

h2.ctm-block-heading {
font-family: 'bubblegumscript' !important;
font-size: 30px;
line-height: 40px;
}

BSSCommerceHDL_2-1717893668657.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 4 (4)

BSSCommerce-HDL
Shopify Expert
769 249 263

This is an accepted solution.

Hi @jasminsharp97, I have edited your code a bit. And please follow these instructions:
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BSSCommerceHDL_0-1717893649829.png

 

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSCommerceHDL_1-1717893654732.png

 

Step 3: Insert the below code at the bottom of the file -> Save

.ctm-block-content {
font-family: 'intervogue_soft_altmed';
font-size: 40px;
font-weight: 400;
line-height: 80px;
letter-spacing: 0.2px;
text-align: center;
}

h2.ctm-block-heading {
font-family: 'bubblegumscript' !important;
font-size: 30px;
line-height: 40px;
}

BSSCommerceHDL_2-1717893668657.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
jasminsharp97
Shopify Partner
18 0 2

This worked perfectly, thank you!

Spac-es
Shopify Partner
377 109 131

Hello! Regarding the design of the title, description, and CTA button, I've made a more creative change that aligns with your website. I hope you like it!

 

Add this code in your base.css file:

section.whychose .row .col-sm-10 h2 {
  font-family: 'bubblegumscript';
  font-size: 75px;
  font-weight: 400;
  line-height: 80px;
  letter-spacing: 0.2px;
  text-align: center;
  color: #f4b146;
}

section.whychose .row .col-sm-10 a.button-link {
  color: white !important;
  padding: 34px;
}

section.whychose .row .col-sm-10 p {
  color: white;
  background-color: #277299;
  padding: 28px 14px;
  border-radius: 12px;
}

Result:

 

after.PNG

Any donation is welcome! https://www.buymeacoffee.com/spacescoffee Thanks in advance!
jasminsharp97
Shopify Partner
18 0 2

I like the concept, thanks for sharing! But I'm following wireframes from a client so I can't change the design