tuanphan

22 hours ago, Naoms said:

It has successfully taken it off from the event page description, but i was trying to hide it from only the event listings!
Thank you!

With list page, use this CSS code

li.eventlist-meta-item.eventlist-meta-address.event-meta-item {
    display: none !important;
}

On 4/21/2024 at 3:42 PM, jessicapoundstone said:

Yes of course! This site is at https://marthagies.com/. The images shown are of the home page, but I am hoping to reduce the padding in the same way on all pages. Thank you!

You can use this code to Website > Website Tools > Custom CSS

section#content {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

On 4/21/2024 at 2:49 PM, ConnorJD said:

Hi @tuanphan, this is super great, I was wondering if there's a way hav the image above the event title? 

Yes. In this position?

Can you share link to page where you use form? We can check easier

First, change fixed to absolute, something like this

#footer-sections .page-section:nth-child(1) {
    position: absolute;
    top: 0 !important;
    z-index: 9999999;
    width: 100% !important;
    height: auto !important;
}

next, remove position relative of footer by adding this CSS code under your code

footer.sections {
    position: static !important;
}

I added an answer here

You can use this code to Website > Website Tools > Custom CSS

.user-items-list-item-container[data-section-id="66221901f3557d3bbd478851"] .slide-content {
    position: relative;
    top: -50px;
}

On 4/21/2024 at 7:58 AM, caila said:

No, unfortunately, we're still looking for a solution for this, as it looks cropped on actual mobile (tested on iPhone, both Safari and Chrome)

You want to resize and stacked it or keep it same as on desktop?

On 4/21/2024 at 8:29 AM, daniellemusarra said:

Hello! I've just used this code on my site and it mostly works but the whole circle isn't showing (cut in half) in the testimonial section (middle of home page). I'm wondering if I could please get some help with this. TIA!

my site is: https://grouse-pepper-fl3e.squarespace.com/home
PW: 123

This is the code I currently have:

/* testimonial */
.user-items-list-item-container[data-section-id="6620f888fb5a3200413e988f"] {
.user-items-list-carousel__media-container {
    position: absolute;
    top: -100px;
    z-index: 999999;
    left: 50%;
    transform: translateX(-50%);
}
.user-items-list-carousel__gutter {
    overflow: visible;
}
li.user-items-list-carousel__slide {
    padding-top: 120px !important;
}}
body {
    overflow-x: hidden;
}

You can use this CSS code under above code

.user-items-list-carousel__slides-revealer {
    overflow: visible !important;
}
body, html {
    overflow-x: hidden;
}

You can use this code to Website > Website Tools > Custom CSS to fix problem

.collection-type-gallery #thumbnails .thumb img:hover {
    opacity: 1 !important;
}

On 4/20/2024 at 8:13 PM, margretbj said:

Thank you - I've added this script, but it's still the same. Should I remove it so you can test it out again?

It looks fine to me

You mean adjust footer on these screen sizes, if yes, what should it look like?

You can share link to page where you want cart button appears, we can check easier

#1. Which button are you referring to?

#2. We can achieve similar, but not same 100%. Click a custom burger >> fullscreen menu will slide up (or down), you can design your fullscreen menu. If you want this, you can share site url, we can check easier.

What is your site url? We can check problem easier

On 4/20/2024 at 5:11 PM, Tommyisbae said:

Bringing this thread back. Anyone know how I can split my accordion block into two columns? My website is https://chrysalis-dog-f4na.squarespace.com/ password is 1234 

Use this CSS code

div#block-yui_3_17_2_1_1713436761815_29219 ul {
    column-count: 2;
}

Remove code I sent & use this new code

@media screen and (max-width:767px) {
body#collection-65fc9bf1c73e51445842803e {
.gallery-grid-wrapper {
    grid-gap: 5px !important;
    width: 100% !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
.gallery-grid-item img {
    min-height: 135px;
    position: static !important;
}

.gallery-grid-item-wrapper {
    padding: unset !important;
    height: auto !important;
}

a.gallery-grid-image-link {
    position: static !important;
}
}}

On 4/20/2024 at 12:06 PM, marieschultz said:

www.greatandsmall.studio

TIA!

You mean margin between page content - left/right of screen?

You can use this CSS code

div.product-block img {
    border-radius: 100px !important;
}

On 4/20/2024 at 5:01 AM, Alexi47 said:

@tuanphan sure! here is a link https://leba-marquez-photography.squarespace.com/
password: LEBA24!

You can use this code to Website > Website Tools > Custom CSS

@media screen and (max-width:767px) {
[data-section-id="662009942cca6a43d52d02b8"] .gallery-slideshow {
    height: 30vh !important;
}
}

Show something like this or?

On 4/18/2024 at 3:41 PM, tuanphan said:

Password is incorrect now

I guess you can add additional link there, or what is problem here?

The header is sticky, so you want to disable sticky header, or remove space between sticky header - top of screen?

On 4/20/2024 at 1:11 AM, CarlyFly said:

Hi,

I am having the same issue of making this

top banner: section[data-section-id="661f53df287ca660754dd879"] shrink in mobile view. I've tried multiple codes and they are not working.

https://www.asianpilots.org/nexgen-takeoff

Please help!

Thanks,

Carly

You can use this code to Website > Website Tools > Custom CSS

@media screen and (max-width:991px) {
[data-section-id="661f53df287ca660754dd879"] {
    min-height: unset !important;
    margin-top: 5vh;
}
}

You can use this code to Website > Website Tools > Custom CSS

div.slide-meta-wrapper {
    visibility: hidden;
}