Leda_Atomika
-
Posts
18 -
Joined
-
Last visited
Reputation Activity
-
Leda_Atomika got a reaction from Ashley_Peoplethebrand in Changing the colors on Lightbox Forms
All good - I found a solution:
.sqs-block-content .lightbox-handle {
background: #B1C7B4 !important;
}
.sqs-block-content .lightbox-handle:hover {
color: #fff;
font-weight: 400;
background: #B1C7B4;
}
and for the Submit button:
/* Target the submit button and change the background color */
.button.sqs-system-button.sqs-editable-button.sqs-button-element--primary.FecjBqAV0ViY3ijU58R1 {
background-color: #B1C7B4;
font-family: "Poppins", sans-serif;
text-transform: uppercase;
color: #fff;
padding: 8px 20px;
border: none;
}
and I also changed the font of the form to match the rest of the site (Proxima Nova):
/* Form Title */
.form-title {
font-family: "Proxima Nova", sans-serif;
font-size: 17px !important;
}
/* Labels for First Name, Last Name, and Email */
.field-list {
font-family: "Proxima Nova", sans-serif;
font-size: 16px;
}
/* "Required" text in labels */
.description.required {
font-family: "Proxima Nova", sans-serif;
}
/* Label and Input Fields */
label.caption {
font-family: "Proxima Nova", sans-serif;
}
Hope this helps someone else to customize this...
-
Leda_Atomika got a reaction from VeeBee in Customizing the font in Testimonial Carousel Slider Squarespace 7.1
I honestly don't know why they make this linked to the H2 - testimonials and quotes deserve to have their own personality! 🙂
-
Leda_Atomika got a reaction from potenzanana in Customizing the font in Testimonial Carousel Slider Squarespace 7.1
I honestly don't know why they make this linked to the H2 - testimonials and quotes deserve to have their own personality! 🙂
-
Leda_Atomika got a reaction from Unumbio in Changing the colors on Lightbox Forms
All good - I found a solution:
.sqs-block-content .lightbox-handle {
background: #B1C7B4 !important;
}
.sqs-block-content .lightbox-handle:hover {
color: #fff;
font-weight: 400;
background: #B1C7B4;
}
and for the Submit button:
/* Target the submit button and change the background color */
.button.sqs-system-button.sqs-editable-button.sqs-button-element--primary.FecjBqAV0ViY3ijU58R1 {
background-color: #B1C7B4;
font-family: "Poppins", sans-serif;
text-transform: uppercase;
color: #fff;
padding: 8px 20px;
border: none;
}
and I also changed the font of the form to match the rest of the site (Proxima Nova):
/* Form Title */
.form-title {
font-family: "Proxima Nova", sans-serif;
font-size: 17px !important;
}
/* Labels for First Name, Last Name, and Email */
.field-list {
font-family: "Proxima Nova", sans-serif;
font-size: 16px;
}
/* "Required" text in labels */
.description.required {
font-family: "Proxima Nova", sans-serif;
}
/* Label and Input Fields */
label.caption {
font-family: "Proxima Nova", sans-serif;
}
Hope this helps someone else to customize this...
-
Leda_Atomika got a reaction from tuanphan in Reduce Font Size Testimonial Slider in Fluid Engine for Mobile
I made a separate post and it was resolved - thank you for checking!
-
Leda_Atomika got a reaction from tuanphan in Customizing the font in Testimonial Carousel Slider Squarespace 7.1
-
Leda_Atomika got a reaction from tuanphan in Changing the colors on Lightbox Forms
All good - I found a solution:
.sqs-block-content .lightbox-handle {
background: #B1C7B4 !important;
}
.sqs-block-content .lightbox-handle:hover {
color: #fff;
font-weight: 400;
background: #B1C7B4;
}
and for the Submit button:
/* Target the submit button and change the background color */
.button.sqs-system-button.sqs-editable-button.sqs-button-element--primary.FecjBqAV0ViY3ijU58R1 {
background-color: #B1C7B4;
font-family: "Poppins", sans-serif;
text-transform: uppercase;
color: #fff;
padding: 8px 20px;
border: none;
}
and I also changed the font of the form to match the rest of the site (Proxima Nova):
/* Form Title */
.form-title {
font-family: "Proxima Nova", sans-serif;
font-size: 17px !important;
}
/* Labels for First Name, Last Name, and Email */
.field-list {
font-family: "Proxima Nova", sans-serif;
font-size: 16px;
}
/* "Required" text in labels */
.description.required {
font-family: "Proxima Nova", sans-serif;
}
/* Label and Input Fields */
label.caption {
font-family: "Proxima Nova", sans-serif;
}
Hope this helps someone else to customize this...
-
Leda_Atomika got a reaction from CassAggett in Customizing the font in Testimonial Carousel Slider Squarespace 7.1
I honestly don't know why they make this linked to the H2 - testimonials and quotes deserve to have their own personality! 🙂
-
Leda_Atomika reacted to tuanphan in Reduce Font Size Testimonial Slider in Fluid Engine for Mobile
Ú
Use this new code
/* Mobile Testimonials */ @media screen and (max-width:767px) { .user-items-list-item-container[data-section-id="64925c154cb73368bb385186"] li * { font-size: 12px !important; } }
-
Leda_Atomika reacted to CassAggett in Customizing the font in Testimonial Carousel Slider Squarespace 7.1
Hi @Leda_Atomika, it looks like the uppercase testimonial is coming from the heading setting as it's H2 and your site H2 is set to uppercase.
To change it for just the list sections you can use this:
//change case of list sections// .user-items-list-carousel .list-item-content__title { text-transform: none !important; } .user-items-list-carousel .list-item-content__description { text-transform: uppercase !important; }
-
Leda_Atomika got a reaction from creedon in Site shifts left and right on desktop and mobile
You’re right - I realized I could set a site wide password afterwards - sorry about that.
And the shifting was caused by an overflow issue being caused by the bottom navigation in the template. Once I made the bottom navigation smaller with the arrows popped back inside the frame and the site stopped shifting side to side when viewed on my phone.
