Custom changes disappear once I am out of the editor + text cropped

MillyBanks · January 26, 2022

Site URL: https://porcupine-duck-zbe8.squarespace.com/home

Hi I have used your code - great post thank you.

A couple of issues I wonder if anyone can help with

firstly the header font is cropped? I have played around with padding on the section with no change

Secondly... It works when I am in the css editor but as soon as I click off the colour/style reverts back to standard.

While in the editor :

Out of the editor :

I am having a similar issue with the first card image too - see below:

In the editor :

Out of the editor :

//Arrows Summary//

.sqs-gallery-design-carousel .sqs-gallery-controls .next,
.sqs-gallery-design-carousel .sqs-gallery-controls .previous {
display: block;
float: right;
position: relative;
top: auto;
left: -15px;
right: 15px;
bottom: auto;
margin: 0 0 15px 0;
padding: 0;
background-color: transparent;
color: #56889B !important;
font-size: 16px;
line-height: 16px;
cursor: pointer;
}

.sqs-gallery-design-carousel .sqs-gallery-controls .next:before {
font-family: 'squarespace-ui-font';
font-style: normal;
speak: none;
font-weight: normal;
-webkit-font-smoothing: antialiased;
content: "\E003";
text-align: center;
display: inline-block;
vertical-align: middle;
}

.sqs-gallery-design-carousel .sqs-gallery-controls .next:before {
font-size: 64px;
width: 64px;
height: 64px;
line-height: 64px;
}

.sqs-gallery-design-carousel .sqs-gallery-controls .next:before {
font-size: 32px;
width: 16px;
height: 32px;
line-height: 32px;
}

.sqs-gallery-design-carousel .sqs-gallery-controls .previous {
margin-right: 10px;
}

.sqs-gallery-design-carousel .sqs-gallery-controls .previous:before {
font-family: 'squarespace-ui-font';
font-style: normal;
speak: none;
font-weight: normal;
-webkit-font-smoothing: antialiased;
content: "\E000";
text-align: center;
display: inline-block;
vertical-align: middle;
}

.sqs-gallery-design-carousel .sqs-gallery-controls .previous:before {
font-size: 64px;
width: 64px;
height: 64px;
line-height: 64px;
}

.sqs-gallery-design-carousel .sqs-gallery-controls .previous:before {
font-size: 32px;
width: 16px;
height: 32px;
line-height: 32px;
}

.sqs-block-summary-v2 .summary-heading {
font-size: 24px;
}

.summary-heading {
text-align: center !important;
}

.summary-carousel-pager .previous {
position: absolute !important;
left: -6% !important;
right: inherit !important;
top: 45% !important;
}

.summary-carousel-pager .next {
position: absolute !important;
left: inherit !important;
right: -6% !important;
top: 45% !important;
}

.summary-header-text{
position: relative !important;
padding: 0 !important;
left: 25px !important;
}

//What are you waiting for//

section#what-are-you-waiting-for-2 {
min-height: unset;
}
section#what-are-you-waiting-for-2>div {
padding-top: 90px;
padding-bottom: 50px;
}

Edited January 26, 2022 by MillyBanks

tuanphan · January 27, 2022

First - second screenshot. You mean Arrows thickness?? It looks fine to me

With third, I think your text color code is invalid. Use this new code

#block-yui_3_17_2_1_1642110343813_2971 p {
    color: white;
}

(I changed #ffff to white)

MillyBanks · February 1, 2022

Thanks @tuanphan

Any ideas why the text is cropping at the top of this?

//Testimonials 2
#block-57fe313c0c2af8f6326b
h3 {color: #3F798E !important;
}