Jump to content

Changing cart button font & Sign in/account button font

Recommended Posts

  • Replies 7
  • Views 904
  • Created
  • Last Reply

Hi again,

I'm also trying to do the following

A. - remove all underlines from text links (eg. the link at in the footer of my website)


B. - change the font on buttons to my custom uploaded font.

C. - (My original post)change the font for my "cart" and "sign in/account" menu buttons/options.


Thank you!

Link to comment
3 hours ago, kxvvywxvvy said:

Site URL: https://www.nastrazsamaisara.com

Hi there,

I'm just trying to change the font for my "cart" and "sign in/account" menu buttons/options.

Any help with CSS is greatly appreciated.

Thanks!
 

Add to Home > Design > Custom CSS

/* cart */
header.Header span.Cart-label {
    color: red;
    font-size: 20px;
    font-family: monospace;
}
/* sign in */
.Header-account .user-accounts-text-link span {
    color: green;
    font-size: 20px;
    font-family: fantasy;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 7/25/2020 at 9:56 PM, tuanphan said:

Add to Home > Design > Custom CSS


/* cart */
header.Header span.Cart-label {
    color: red;
    font-size: 20px;
    font-family: monospace;
}
/* sign in */
.Header-account .user-accounts-text-link span {
    color: green;
    font-size: 20px;
    font-family: fantasy;
}

 

Thank you! that worked perfectly 🙂

Would you also be able to help me with the CSS to change the same objects but on a mobile device?

Thanks again! 😄 

Link to comment
58 minutes ago, kxvvywxvvy said:

Thank you! that worked perfectly 🙂

Would you also be able to help me with the CSS to change the same objects but on a mobile device?

Thanks again! 😄 

/* cart */
header.Header span.Cart-label, .Mobile-bar.Mobile-bar--top span.Cart-label {
    color: red;
    font-size: 20px;
    font-family: monospace;
}
/* sign in */
.Header-account .user-accounts-text-link span, .Mobile-bar-account.loaded .user-accounts-text-link span {
    color: green;
    font-size: 20px;
    font-family: fantasy;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
55 minutes ago, tuanphan said:

/* cart */
header.Header span.Cart-label, .Mobile-bar.Mobile-bar--top span.Cart-label {
    color: red;
    font-size: 20px;
    font-family: monospace;
}
/* sign in */
.Header-account .user-accounts-text-link span, .Mobile-bar-account.loaded .user-accounts-text-link span {
    color: green;
    font-size: 20px;
    font-family: fantasy;
}

 

Thank you! Worked perfectly again 😄

Do you accept donations for your help?

Link to comment
1 hour ago, tuanphan said:

/* cart */
header.Header span.Cart-label, .Mobile-bar.Mobile-bar--top span.Cart-label {
    color: red;
    font-size: 20px;
    font-family: monospace;
}
/* sign in */
.Header-account .user-accounts-text-link span, .Mobile-bar-account.loaded .user-accounts-text-link span {
    color: green;
    font-size: 20px;
    font-family: fantasy;
}

 

Sorry to be a pain!

Would it be possible to get the CSS to change the font of all my buttons? Thank you!! 

PS. I want to donate to you for your help!

Link to comment
17 minutes ago, kxvvywxvvy said:

Sorry to be a pain!

Would it be possible to get the CSS to change the font of all my buttons? Thank you!! 

PS. I want to donate to you for your help!

.sqs-block-button-element {
    font-family: monospace !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.