silviasqaurespace

Hello, my accordion changes sizes when no item is open. When I click on an item it zooms in. I would like to make it stay with the same size as when the item is open. I attach image. I can't share the page because is hidden. Here is my code: /* Change the font family & color of the description */ .accordion-item__description { font-size: 14px; } /* workaround accorion max width */ .sqs-block-accordion .accordion-item__description { max-width : unset !important; } #block-yui_3_17_2_1_1716345216194_308902 { li:nth-child(1) span.accordion-item__title:after { content: "Journey to Malapascua"; font-size: 14px; text-transform: ; } span.accordion-item__title { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; line-height: 0 !important; } .accordion-item__title { font-size: 12px; font-weight: bold; }

Hello, I'm trying to change the focal point to center for an image inside an accordion. I can't share the site because is hidden. However, this is the code I'm using: li:nth-child(1) .accordion-item__description:before { content:" "; display:block; background-image: url(https://static1.squarespace.com/static/6505228afdd85426284bf7ad/t/66728fe4f00cd419ec25abec/1718783992276/dji_fly_20231105_121652_0012_1699166046586_photo+2+copia.jpg) ; background-size:cover; background-repeat:no-repeat; border-radius: 15px; margin-right:20px; width: 200%; height:130px; } I attach the image of how it looks now. I really need help!!!!!

@tuanphan it worked! thank you!!

@Lesum sorry yes this is another page that has the same problem https://www.magandaexperience.com/girls-trips/p/style-01-ej5na-p82cd

@Lesum could you help me with this too? I find it impossible 😞 I don't manage to give space between the product image and the product name. thank you for your time!

@Lesum it worked! thank you so much!!

Hey @tuanphan thank you for answering, unfortunately it doesn't work. password: hello1 this is the website: https://www.magandaexperience.com/girls-trips/p/style-02-hxmaf-nfjpy

Hello, I'm trying to put my text next to my image in desktop screen and under my image when seen in phone screen. I also struggle with doing my image wider when seen in phone. This is my code: #block-yui_3_17_2_1_1716345216194_308902 { li:nth-child(1) .accordion-item__description:before { content: ""; display: block; width: 100%; /* image width, you can also use px */ height: 150px; /* image height */ width: 150px; /* image height */ border-radius: 15px; background-image: url(https://static1.squarespace.com/static/6505228afdd85426284bf7ad/t/66728fe4f00cd419ec25abec/1718783992276/dji_fly_20231105_121652_0012_1699166046586_photo+2+copia.jpg) ; background-repeat: no-repeat; background-size: cover; margin-bottom: 20px; /* space between image-text */ } Thank you!!!

Hello, I'm trying to change the color of my prev-next buttons in my product slideshow but I don't find how. I would like to put the background transparent and the arrows white. Password: table111 Thank you all!

Hello @paul2009 I'm trying what you mentioned above but don't seem to work. I want to add an image next to the description. This is my website: https://www.magandaexperience.com/girls-trips/p/style-01-ej5na-p82cd password: table thank you, Silvia

Hello everyone, it's being impossible to hidde the Add to Cart button to just one product. I try to code it with the ID but doesn't want to work. This is the page I want to hidde the button from: https://www.magandaexperience.com/girls-trips/p/style-01-ej5na-p82cd Any help will me much appreciated!!!