Text isn't changing when I update css

[jasminsharp97]

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:

What am I doing wrong?

[BSSCommerce-HDL · 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

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

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;
}

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 😍

[jasminsharp97]

This worked perfectly, thank you!

[Spac-es]

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:

[jasminsharp97]

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