ks295806

17 hours ago, tuanphan said:

I see the site has some small problems. Do you need to hanlde these?

Site URL – https://www.bewarethecuddlebear.com/?password=hermosa123

1. (Desktop – Header) Logo is  a bit big so the menu is cut into 2 lines.

https://www.bewarethecuddlebear.com/

2. (Desktop – Shop) Image and text are not aligned.

https://www.bewarethecuddlebear.com/shop/p/5zxj4roklxfxhflbf8j93m7aeof26z/?password=hermosa123

3. (Desktop – Cart) There is no logo in header.

https://www.bewarethecuddlebear.com/cart/?password=hermosa123

4. (Mobile/Tablet – Homepage) On desktop, you can see the whole picture. On mobile/tablet, the image is partially cropped.

https://www.bewarethecuddlebear.com/?password=hermosa123

5. (Tablet – Contact) Email is cut into 2 lines.

https://www.bewarethecuddlebear.com/contact/?password=hermosa123

Thank you so much! I just contacted you through your website for help resolving these issues. 

14 hours ago, tuanphan said:

It is custom font or Squarespace font? If custom fond, have you declared font-face for it yet?

HeraldTypeface-Regular

It's a font I downloaded from an external site. Here is the code I currently have typed in (the font file type downloaded is "HeraldTypeface-Regular.otf"):

}
/* about page font */
div#block-7b73ff8d648fd4825b15 h2, div#block-744c82a1fb35dd1499d8 h2 {
    font-family: HeraldTypeface-Regular
}

On 7/2/2021 at 12:18 AM, tuanphan said:

Add to Design > Custom CSS. Replace monospace with new font name

/* about page font */
div#block-7b73ff8d648fd4825b15 h2, div#block-744c82a1fb35dd1499d8 h2 {
    font-family: monospace;
}

 

Thank you so much! This worked perfectly for desktop, however, I don't see the font showing up on mobile...?

Hi everyone- still hoping for help here... Thanks so much!

Thanks so much for the help thus far!

One more request: I'd like to update the font on only one page to a new font that I will be downloading... is this possible?

The page I'm referring to is "About Us" and the font I want to use is: 

https://www.youworkforthem.com/font/T7245/herald/56122

I only want to use this new font for "About the Author" and "About the Illustrator" headings.

Thanks in advance!

14 hours ago, ArminB said:

If you want to apply this to all classes, there's a whole list of CSS classes

like

Header Button
.black .header-actions .btn

Somewhere here are is your quantity field
.ProductItem .ProductItem-details .product-quantity-input input

General Buttons
.sqs-block-button .sqs-block-button-element--small
.sqs-block-button .sqs-block-button-element--medium
.sqs-block-button .sqs-block-button-element--large

 

 

Thank you! I'm new to this... Are you able to share an updated code to accommodate this?

Current code:

@font-face {
font-family: 'carrotflower';
src: url('https://static1.squarespace.com/static/6076185432f4604c6efe4a39/t/60c7e4624358a40a1e046452/1623712866733/font.woff2');
  }

h1, h2, h3, h4 {
font-family: 'carrotflower';}
p {
font-family: 'carrotflower';}
misc {
font-family: 'carrotflower';}
.header-nav *, nav.header-menu-nav-list * {
    font-family: carrotflower;
}

Here's a visual... the text that has not updated to the new font is "Beware the Cuddle Bear Gift Set" and "Quantity." Also, "BUY NOW," but that doesn't bother me as much.

40 minutes ago, ArminB said:

try this one

@font-face {
font-family: 'carrotflower';
src: url('https://static1.squarespace.com/static/6076185432f4604c6efe4a39/t/60c7e4624358a40a1e046452/1623712866733/font.woff2');
  }

h1, h2, h3, h4 {
font-family: 'carrotflower';}
p {
font-family: 'carrotflower';}
misc {
font-family: 'carrotflower';}
.header-nav *, nav.header-menu-nav-list * {
    font-family: carrotflower;
}

 

Thanks so much! This appears to have worked. It looks like there are a few items that have not adopted the Carrotflower font, however (on both desktop and mobile). Do you happen to have a solution for this as well? The first few I notice are the "BUY NOW" buttons and the text on the Product page. Let me know if you need more details. Thanks in advance!

Site URL: http://www.bewarethecuddlebear.com

Hi everyone,

Am hoping you can help! I modified my CSS to accommodate a custom font and it is not showing up on the mobile version.

Password to access site is: hermosa123

Here are the codes I have:

@font-face {   
font-family: 'carrotflower';   
src: url(URL.ttf/.otfhttps://static1.squarespace.com/static/6076185432f4604c6efe4a39/t/60c7e4624358a40a1e046452/1623712866733/font.woff2);}
h1 {
font-family: 'carrotflower';}
h2 {
font-family: 'carrotflower';}
h3 {
font-family: 'carrotflower';}
h4 {
font-family: 'carrotflower';}
p {
font-family: 'carrotflower';}
misc {
font-family: 'carrotflower';}
.header-nav *, nav.header-menu-nav-list * {
    font-family: carrotflower;
}

Any help would be greatly appreciated.

Thanks so much!