Ptphotography

Use this new code
.user-items-list-carousel__arrow-container svg { display: none; } .user-items-list-carousel__arrow-button.user-items-list-carousel__arrow-button--right div { background-image: url("https://static1.squarespace.com/static/5ecaa390dc0263594e112004/t/63bd203b0651752a4e494c11/1673338939042/right.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 30px; height: 30px; visibility: visible !important; } .user-items-list-carousel__arrow-button.user-items-list-carousel__arrow-button--left div { background-image: url("https://static1.squarespace.com/static/5ecaa390dc0263594e112004/t/63bd204aa3107f3ecd913c63/1673338954062/left.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 30px; height: 30px; visibility: visible !important; }  

.user-items-list-carousel__arrow-container svg { display: none; } .user-items-list-carousel__arrow-button.user-items-list-carousel__arrow-button--right div { background-image: url("url of png of your right arrow"); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 30px; height: 30px; } .user-items-list-carousel__arrow-button.user-items-list-carousel__arrow-button--left div { background-image: url("url of png of your left arrow"); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 30px; height: 30px; } Try adding this to Design > Custom CSS.
You will have to upload a png for each arrow, one left and one right.

Thanks a lot. It worked!

@Ptphotography Use this code:
.form-wrapper .field-list .field .field-element { width: 100%; padding: 12px; margin: 6px 0 4px; border: 1px solid #ccc !important; /* Change Border Colour Here */ background: #fafafa; /* Change Background Colour Here */ color: #000; /* Change text Colour Here */ font-family: sans-serif; font-size: 12px; line-height: normal; box-sizing: border-box; border-radius: 2px; } Let me know how it goes

Hey K, here is the code:
.form-wrapper .field-list .field .field-element:not(.button) { background: red; }  

Hi. Could you provide a website url?

@bangank36
This a amazing. Thank you, I will have a go 🤩
 
 

So we do not need to implement any css code anymore

This worked. Thank you so much for you help 🤩

My testing

Can you share your site so I can take a look?

Ziggy you are amazing! Thank you so much for this! You made me so happy 😁

Fantastic, glad I could help! Could you mark the post as the answer in case anyone else might need it in the future? Thanks!
Lovely photos by the way!

Try this:
.gallery-grid-item:nth-child(16) img { transform:scale(1.3); &:hover { transform:scale(1.4); } }

I can not see it now. Have you figured it out?

Does this work?
.gallery-grid-item:nth-child(16) { transform:scale(1.3); &:hover { transform:scale(1.4); } }  

What code are you using for the zoom on hover effect?

Since you're using a gallery section, if you edit the page and click on Edit Section on the gallery section, you can change the width from Inset to Full. Alternatively if you don't want it full width I can provide some CSS to constrain the width to what ever value you want after setting the section to Full.
section[data-section-id="633562f3cb287e010b366892"] .gallery-grid[data-width="full"] { max-width:1600px; }  

Can you share the page URL you want to do this on?

Add to Design > Custom CSS
/* Shop image white spacing */ div#page-section-5ffad1a0ab8b306cc83276c8 .code-block { padding: 0 !important; } div#page-section-5ffad1a0ab8b306cc83276c8 .code-block img { display: block !important; } Also, you havent' changed SEO TItle so the browser tab still shows "general 2"

Oh gosh I am sorry, I am looking as well that is why I was asking... so annoying!!  If I find out I will let you know!!

Did you ever get a solution to this?????!!!!

@IXStudio You are a lifesaver, thank you! 

Hi
Use this code in Design -> Custom CSS
.ProductItem .ProductItem-details .product-price { font-weight: 500; font-size: 22px !important; } .view-item .ProductItem-relatedProducts .product-price { color: crimson !important; } Please use the like button if it helps you!
 
Best,
Leopold

Hello everyone, 
Can anyone please help me with the code to change the font size/color of my prices on 2 sections of my site? 
1st top section: 'from $30 dollars'. Please, can this be made thicker? Not bold but just thicker please.

2nd lower section: $280 dollars and all prices under 'You might also like'. Can anyone please make it red?

Thank you in advance.
Always grateful,
K