Jump to content

Primary button color change suddenly doesn't work?

Recommended Posts

Posted

Site URL: https://www.kacy-jung.com/website-redesign-project-cross-checks

Hi all

I used to be able to change my primary button shown in the attached image.

However, after I introduced the new font, suddenly it doesn't work anymore. 

It shouldn't affect each other and I didn't change the code of my primary button at all. 

Can someone please kindly take a look for me?

Many thanks!

 

*The code for the color of primary button:

.fe-block-yui_3_17_2_1_1718070962874_59572 .sqs-button-element--primary {

    background: linear-gradient(to right, #8F1200, #361D4F) !important;

}

 

*All the code I have now: 

.homepage .image-block:hover {
    filter: drop-shadow(2px 2px 15px #F9FADE);
    transition: filter 0.3s ease-in-out;
}

div.header-nav-item:hover a {
    text-shadow: unset !important;
}

div.header-nav-item > a:hover {
  text-shadow: 3px 3px 5px #EFF193 !important;  
}

.header-nav-folder-content > .header-nav-folder-item > a:hover {
  text-shadow: 3px 3px 5px #EFF193 !important;  
}


div.header-nav-item--active>a {
    background-image: linear-gradient(to right, #E2E558, #E2E558) !important;
    background-size: auto !Important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border-radius: 20px !important;
    background-position: center !important;
}

.header .header-nav-wrapper .header-nav-item a {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

[data-section-id="6663589a9718303bda146d40"], [data-section-id="6663589a9718303bda146d40"] .content-wrapper {
    padding-top: 0 !important;
}

#block-68e8247821aaf242f1e7{
  
  margin-top: 25px !important;
}

// CUSTOM FONT
@font-face {
font-family: 'Lato-Black';
src: url(https://static1.squarespace.com/static/6661474b09bd7e53f3048c41/t/66fde2e451bffa3478486177/1727914724503/Lato-Black.ttf);

@font-face {
font-family: 'Lato-Bold';
src: url(https://static1.squarespace.com/static/6661474b09bd7e53f3048c41/t/66fde2dec367b1647d2f6591/1727914718292/Lato-Bold.ttf);

@font-face {
font-family: 'Lato-Regular';
src: url(https://static1.squarespace.com/static/6661474b09bd7e53f3048c41/t/66fde2cdee7ca120edb90bda/1727914702122/Lato-Regular.ttf);

@font-face {
font-family: 'Lato-Light';
src: url(https://static1.squarespace.com/static/6661474b09bd7e53f3048c41/t/66fde2d7bccaed3b96db2f21/1727914711481/Lato-Light.ttf);

@font-face {
font-family: 'Montserrat-Regular';
src: url(https://static1.squarespace.com/static/6661474b09bd7e53f3048c41/t/67047e5060d28940c6690e00/1728347728572/Montserrat-Regular.ttf);

@font-face {
font-family: 'Montserrat-SemiBold';
src: url(https://static1.squarespace.com/static/6661474b09bd7e53f3048c41/t/67047eee9bf1372f7697b570/1728347887609/Montserrat-SemiBold.ttf);

@font-face {
font-family: 'Montserrat-Bold';
src: url(https://static1.squarespace.com/static/6661474b09bd7e53f3048c41/t/67047f200f976b184f953c35/1728347937117/Montserrat-Bold.ttf);

h1 {
font-family: 'Lato-Regular';
font-size: 42pt;
letter-spacing: 4px;
word-spacing: 15px;
line-height: 100%;
font-weight: 300;
color: #565656;
}

h2 {
font-family: 'Lato-Light';
font-size: 36pt;
letter-spacing: 4px;
word-spacing: 15px;
line-height: 100%;
color: #565656;
}

h3 {
font-family: 'Montserrat-Bold';
font-size: 28pt;
letter-spacing: 2px;
line-height: 100%;
font-weight: 300;
color: #9a2c12;
}

h4 {
font-family: 'Lato-Regular';
font-size: 20pt;
letter-spacing: 5px;
line-height: 120%;
font-weight: 300;
color: #565656;
}

p.sqsrte-large {
font-family: 'Lato-Light';
font-size: 20pt;
letter-spacing: 0px;
line-height: 110%;
color: ##565656;
}

p {
font-family: 'Lato-Regular';
font-size: 16pt;
letter-spacing:0px;
line-height: 140%;
  font-weight: 400;
color: #565656;
}

p.sqsrte-small {
font-family: 'Lato-Light';
font-size: 16pt;
letter-spacing:0px;
line-height: 140%;
color: #565656;
}


div.header-nav-item a {
   font-family: 'Lato-Light';
font-size: 14pt;
letter-spacing:0px;
line-height: 140%;
color: #FCFAFA;
}

.fe-block-yui_3_17_2_1_1718070962874_59572 .sqs-button-element--primary {
    background: linear-gradient(to right, #8F1200, #361D4F) !important;
}

Screen Shot 1741-01-21 at 16.27.20.png

  • Replies 1
  • Views 403
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • 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.