Book Now Button Link Design on List

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

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

Your site is expired, can you check it again?

On 4/16/2022 at 4:26 PM, bangank36 said:

Your site is expired, can you check it again?

Hello @bangan

Sorry, it should be up and running now.

www.chantellewilliams.com.au
Password: CW2022

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;
}

On 4/19/2022 at 7:16 PM, tuanphan said:

Add to Design > Custom CSS

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

 

hello, this doesn't seem to have worked?

Just now, michaelpga said:

 

hello, this doesn't seem to have worked?

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

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

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;
}