BornToClick

@Vicks amazing, that worked! Thank you so much 😄

Hi @tuanphan I would like to have images with titles displayed first and only on hover the full description to appear. See both screenshots.

Hey guys, I've recently added below code to spareroomwellness.com website homepage (How can I support you section), however when you view it, it straight away jumps into the text (there's no hover over options to show an image first). Any idea why? @media only screen and (min-width: 640px){ #block-bff684b9c89c06c3bb96 { opacity: 0; transition: opacity 1s } #block-bff684b9c89c06c3bb96:hover { opacity: 1; transition: opacity 1s } } @media only screen and (min-width: 640px){ #block-b1a0cd1a480ecbaf82b1 { opacity: 0; transition: opacity 1s } #block-b1a0cd1a480ecbaf82b1:hover { opacity: 1; transition: opacity 1s } } @media only screen and (min-width: 640px){ #block-b4d99e2255b92bd3cd49 { opacity: 0; transition: opacity 1s } #block-b4d99e2255b92bd3cd49:hover { opacity: 1; transition: opacity 1s } } @media only screen and (min-width: 640px){ #block-3f4091346678d55d40cf { opacity: 0; transition: opacity 1s } #block-3f4091346678d55d40cf:hover { opacity: 1; transition: opacity 1s } }

@Beyondspace sure, it's www.spareroomwellness.com. You will currently see standard buttons under 'My services' which I want to replace with mentioned markdown.

Hey guys! I want to implement below code using markdown component, however struggling to make the button centered (screenshot attached). Any idea what CSS can fix this? <a href="https://app.squarespacescheduling.com/schedule.php?owner=27489484&appointmentType=39362980" target="_blank" class="acuity-embed-button" style="background: #ffdc00; color: #000; padding: 8px 12px; border: 0px; -webkit-box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;-moz-box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;border-radius: 4px; text-decoration: none; display: inline-block;">Book now</a><link rel="stylesheet" href="https://embed.acuityscheduling.com/embed/button/27489484.css" id="acuity-button-styles" /><script src="https://embed.acuityscheduling.com/embed/button/27489484.js" async></script> Kind regards, Aga

@tuanphan YOU'RE SIMPLY THE BEST!! Thank you so much!!

Hi @tuanphan, Just did. It looks very odd as the code I've used made the images smaller, but can't remove the spacing below the image and centre it.

Hi, It's https://www.projectathletic.co.uk/ and you'll find Testimonials at the bottom of the page, however (for now) I've hidden images. Any suggestions are truly appreciated. Kind regards, Aga

Hey everyone! I've recently put together a slider testimonials, added below code to tweak supporting thumbnail images to each, however can't get rid of the massive amount of space between the image and title with exerp. What am I missing? Screeshot attached. .summary-thumbnail img{ max-width: 50% !important; height: 50% !important; border-radius: 50% !important; }