Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

AkankshaK

Member
  • Content Count

    5
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Hello, I am incorporating some Collage Image Blocks on my website and while they look great on desktop, they look pretty rubbish on mobile as the image looks much smaller than the text. Screenshots attached. Is there anyway using CSS to increase the image size in collage image blocks, on mobile only? Thanks A
  2. Thank you my friend! That worked like a charm 🙂 Thanks also as I learnt how to target blocks in CSS. Thanks thanks thanks!! 🙂
  3. Hi there, Squarespace newbie here ...but picking up things nicely. So, I have embedded a few direct Acuity Scheduling buttons into my website, but I am not able to add a hover over effect to these buttons as I can to normal squarespace buttons. E.g. The embed code of the acuity button is: <a href="https://app.acuityscheduling.com/schedule.php?owner=18701995&appointmentType=category:%20%20%20%20%20%20CONSULTATIONS" target="_blank" class="acuity-embed-button" style="background: #324157; color: #fff; 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;">Schedule Appointment</a> <link rel="stylesheet" href="https://embed.acuityscheduling.com/embed/button/18701995.css" id="acuity-button-styles" /> <script src="https://embed.acuityscheduling.com/embed/button/18701995.js" async></script> I tweaked the code per the below, with no success: <a href="https://app.acuityscheduling.com/schedule.php?owner=18701995&appointmentType=category:%20%20%20%20%20%20CONSULTATIONS" target="_blank" class="acuity-embed-button" style="background: #324157; color: #fff; 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; .acuity-embed-button:hover {background-color:#f4f3f0 !important; color:#000000 !important; box-shadow: 6px 6px 6px #324157 !important;} ">Schedule Appointment</a> <link rel="stylesheet" href="https://embed.acuityscheduling.com/embed/button/18701995.css" id="acuity-button-styles" /> <script src="https://embed.acuityscheduling.com/embed/button/18701995.js" async></script> My website is www.purnamayurveda.com. On the Services>Consultations page, the 1st button on the page has the hover over effect activated but the other 2 buttons don't, because they are embedded acuity buttons. Please could someone help? Many thanks in advance!! Akanksha
×
×
  • Create New...