vireshwara

Hi,
Use this code
/* Testimonials font */ .user-items-list-item-container[data-section-id="63c390bd1403971a5efb5e19"] { /* title */ h2.list-item-content__title { font-family: monospace; font-size: 31px !important; } /* body */ .list-item-content__description * { font-size: 20px; font-family: futura-pt !important; } }  

Just replace this line
.user-items-list-item-container[data-section-id="63c390bd1403971a5efb5e19"] with
section[data-section-id="644fe24595516c3d76f5990a"]  

Add to Design > Custom CSS
/* hide top slide on mobile */ @media screen and (max-width:640px) { div#block-e5cf74dd476b7a890fa7 { display: none !important; } } /* hide bottom slide on desktop */ @media screen and (min-width:641px) { div#block-yui_3_17_2_1_1684116914810_14177 { display: none !important; } }  

If you would like the Summary Block tiles to link to other areas of the site, you can set the URLs as required so that another page loads instead of the blog post. To do this:
Edit the Blog Post that you've used for the tile. Click the Options tab. Type the URL in the Source URL box. Check the Post Title should link to Source URL checkbox. Save the Post.

I think the problem here is that in the top, you're using the image as a SECTION BACKGROUND, whereas the image at the bottom is an image block. If you were to add the image in the bottom section to the SECTION BACKGROUND, then the section dividers should adapt to it. 

Site URL: https://tulip-tiger-l3hf.squarespace.com/
password: brineintopedro
This may be a long shot, but i am trying to add an image gallery (carousel style) to only half the page, while a text block will be next to it. I know you can only insert an image gallery as a section, and sections can not be moved to fit besides things. But is there any way around it? I've include a picture of what I am trying to accomplish. 
 
*Also, you will notice my best attempt on my recreation site was to add a summary block next to text, but for lots of reason, the summary block is not a good option for what I am trying to achieve. 

Thank you so much! This worked great.

Thank you so much! This worked great.

You don't have access to the html files in the sense of files stored in directory/folder. CSS can help with this issue.
Add the following to Design > Custom CSS.
/* move cta buttons to top of mobile menu */ .header-menu-cta {   order : -1;      } This is for a v7.1 site.
Technically you could manipulate the HTML with Javascript but CSS is much more efficient for this case.
Let us know how it goes.

@creedon It was more complicated than I'm used to but it appears to be working now! Thanks a lot.

Please see the following.
Let us know how it goes.

I got it from someone on fiverr in case anyone else wants to do it, here's the code:
section.ProductItem-details .ProductItem-details-checkout { 
display: flex; 
flex-flow: column; 
} 

.ProductItem-details .ProductItem-details-excerpt { 
order: 1 !important; 
} 

.ProductItem-details .product-variants { 
order: 2 !important; 
} 

.ProductItem .ProductItem-details .product-quantity-input { 
order: 3 !important; 
} 

.ProductItem-details .ProductItem-product-price { 
order: 4 !important; 
} 

.ProductItem-details .sqs-add-to-cart-button-wrapper { 
order: 5 !important; 
} 

.ProductItem .ProductItem-additional { 
order: 6 !important; 
}

Wow this is exactly what I needed too, THANK YOU!!

I got it from someone on fiverr in case anyone else wants to do it, here's the code:
section.ProductItem-details .ProductItem-details-checkout { 
display: flex; 
flex-flow: column; 
} 

.ProductItem-details .ProductItem-details-excerpt { 
order: 1 !important; 
} 

.ProductItem-details .product-variants { 
order: 2 !important; 
} 

.ProductItem .ProductItem-details .product-quantity-input { 
order: 3 !important; 
} 

.ProductItem-details .ProductItem-product-price { 
order: 4 !important; 
} 

.ProductItem-details .sqs-add-to-cart-button-wrapper { 
order: 5 !important; 
} 

.ProductItem .ProductItem-additional { 
order: 6 !important; 
}

I remember there were some similar questions, namely inserting the tag <br/> into the title, then using JavaScript to activate the html for the title. Do not remember the code, testing again on the demo site, will post the code soon. ✌️