Syntax Error

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

Hi,

I have been trying to put in a new code for my site to change the text in the gallery page so that when you over offer it, it displays itself.

I have already created new codes for other parts of my site, however, whenever I try and create a new code all off my other codings stop working. Why is this?

Also I have a syntax error!

Help please!

can you paste current code + new code here? We can check easier

.entry-date{display:none;}
.header-actions .icon--fill svg {fill:!important}
.header-actions .icon--fill svg:hover {fill:orange!important}
.header-actions .btn:hover {background-color:#f69477; color:#555; opacity:1!important}
.header-nav *:hover {
    color: orange !important;
}
.sqs-svg-icon--wrapper:hover .sqs-use--icon {fill: orange!important;}
.sqs-svg-icon--list a:nth-of-type(3) {
  svg {      
    display:none;   
  }   
  background-image: url(https://static1.squarespace.com/static/5e2dc708f41c5763cb342fb6/t/6012d2a1117962334bebbdfe/1611846305490/iconfinder_323_Strava_logo_4375097.png);   
  background-size: 100%;   
  background-repeat: no-repeat;   
}
.sqs-svg-icon--list a:nth-of-type(1) {
  svg {      
    display:none;   
  }   
  background-image: url(https://static1.squarespace.com/static/5e2dc708f41c5763cb342fb6/t/6012d44105ac0514f98b7efd/1611846724151/580b57fcd9996e24bc43c521.png);   
  background-size: 100%;   
  background-repeat: no-repeat;   
}
.sqs-svg-icon--list a:nth-of-type(2) {
  svg {      
    display:none;   
  }   
  background-image: url(https://static1.squarespace.com/static/5e2dc708f41c5763cb342fb6/t/6012d501b5177e39f8b7d259/1611846913799/facebook-logo-png-transparent-background.png);   
  background-size: 100%;   
  background-repeat: no-repeat;   
}
.sqs-svg-icon--list a:nth-of-type(4) {
  svg {      
    display:none;   
  }   
  background-image: url(https://static1.squarespace.com/static/5e2dc708f41c5763cb342fb6/t/6012d554d802bd379c2264b5/1611846996787/16066.png);   
  background-size: 100%;   
  background-repeat: no-repeat;   
}

On 3/4/2021 at 10:47 PM, Rjoseph said:

.entry-date{display:none;}
.header-actions .icon--fill svg {fill:!important}
.header-actions .icon--fill svg:hover {fill:orange!important}
.header-actions .btn:hover {background-color:#f69477; color:#555; opacity:1!important}
.header-nav *:hover {
    color: orange !important;
}
.sqs-svg-icon--wrapper:hover .sqs-use--icon {fill: orange!important;}
.sqs-svg-icon--list a:nth-of-type(3) {
  svg {      
    display:none;   
  }   
  background-image: url(https://static1.squarespace.com/static/5e2dc708f41c5763cb342fb6/t/6012d2a1117962334bebbdfe/1611846305490/iconfinder_323_Strava_logo_4375097.png);   
  background-size: 100%;   
  background-repeat: no-repeat;   
}
.sqs-svg-icon--list a:nth-of-type(1) {
  svg {      
    display:none;   
  }   
  background-image: url(https://static1.squarespace.com/static/5e2dc708f41c5763cb342fb6/t/6012d44105ac0514f98b7efd/1611846724151/580b57fcd9996e24bc43c521.png);   
  background-size: 100%;   
  background-repeat: no-repeat;   
}
.sqs-svg-icon--list a:nth-of-type(2) {
  svg {      
    display:none;   
  }   
  background-image: url(https://static1.squarespace.com/static/5e2dc708f41c5763cb342fb6/t/6012d501b5177e39f8b7d259/1611846913799/facebook-logo-png-transparent-background.png);   
  background-size: 100%;   
  background-repeat: no-repeat;   
}
.sqs-svg-icon--list a:nth-of-type(4) {
  svg {      
    display:none;   
  }   
  background-image: url(https://static1.squarespace.com/static/5e2dc708f41c5763cb342fb6/t/6012d554d802bd379c2264b5/1611846996787/16066.png);   
  background-size: 100%;   
  background-repeat: no-repeat;   
}

Remove this code

.header-actions .icon--fill svg {fill:!important}

Thank you! This worked 🙂

On 3/10/2021 at 6:10 PM, Rjoseph said:

Thank you! This worked 🙂

On tablet, page content has no left/right margin...

Add this to Design > Custom CSS

/* Contact page margin tablet */
@media screen and (max-width:991px) and (min-width:768px) {
body#collection-5e80bbce63d7965a88ab6787 article .content-wrapper {
    padding-left: 5vw;
    padding-right: 5vw;
}
}