Jump to content

Book Now Button Link Design on List

Recommended Posts

Site URL: https://www.chantellewilliams.com.au

Hello SS Community,

I would like the 'BOOK NOW' buttons to appear more visible on both of my service pages - 'Massage + Energy Work' and 'Book Now' pages.

Can the site-wide button style be added to these lists? Or if not, can I make the 'BOOK NOW' text 50% bigger in size?

See screenshots attached.

www.chantellewilliams.com.au
Password: CW2022
Version 7.1

Screen Shot 2022-04-12 at 5.13.49 pm.png

Screen Shot 2022-04-12 at 5.51.04 pm.png

Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

On 4/12/2022 at 2:55 PM, michaelpga said:

Site URL: https://www.chantellewilliams.com.au

Hello SS Community,

I would like the 'BOOK NOW' buttons to appear more visible on both of my service pages - 'Massage + Energy Work' and 'Book Now' pages.

Can the site-wide button style be added to these lists? Or if not, can I make the 'BOOK NOW' text 50% bigger in size?

See screenshots attached.

www.chantellewilliams.com.au
Password: CW2022
Version 7.1

Screen Shot 2022-04-12 at 5.13.49 pm.png

Screen Shot 2022-04-12 at 5.51.04 pm.png

Your site is expired, can you check it again?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
On 4/18/2022 at 6:09 AM, michaelpga said:

Hello @bangan

Sorry, it should be up and running now.

www.chantellewilliams.com.au
Password: CW2022

Add to Design > Custom CSS

header#header a.btn {
    font-size: 30px !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 4/21/2022 at 3:13 PM, michaelpga said:

It's the Treatments Page 'book now' button that I am wanting to make bigger - see screenshot attached

Screen Shot 2022-04-21 at 6.12.40 pm.png

With Book Now on Treatments Page, use this code

/* Books Now Treatment Page */
.user-items-list-item-container[data-section-id="624f97cfd7ac6b1217760c95"] a.list-item-content__button.sqs-block-button-element.sqs-block-button-element--medium.sqs-button-element--primary {
    font-size: 30px !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.