To post a new support question, click the Post New Topic button below.
Current Version: 4.8.5 | Sytist Manual | Common  Issues | Feature Requests

Please log in or Create an account to post or reply to topics.
You will still receive notifications of replies to topics you are part of even if you do not subscribe to new topic emails.

"book Now" Button In Main Menu

45 posts
Wed Aug 14, 19 9:54 PM CST
Hello! Just a quick question, is there a way to create one link in the main menu but have it appear like a button (with a different background colour and hover effect)?
I want to create a call to action button in the main menu for people to be taken directly to my booking form to book a photo session, but I do not want the rest of the main menu to appear as buttons.

Any help greatly appreciated :)
Edited Wed Aug 14, 19 9:54 PM by Allira Fontana
16,152 posts (admin)
Mon Aug 19, 19 6:42 AM CST
Design -> Menu Links. Edit or add the link and add this as the link text

<span class="specialbutton">BOOK NOW</span>

Design -> Edit My Theme -> Additional CSS in the left menu add this code:

.specialbutton { padding: 8px; box-sizing: border-box; border-radius: 4px; background-color: #890000; border: solid 1px #FFFFFF; color: #FFFFFF; }
.specialbutton:hover { background: #000000; color: #FFFFFF; }

You can adjust the hexadecimal codes which you can get in the color picker in Photoshop or online for the colors (#FFFFFF, #890000, etc...)
Tim Grissett, DIA - PicturesPro.com
My Email Address: info@picturespro.com
45 posts
Mon Aug 19, 19 9:14 PM CST
Thank you so much Tim, works a treat!
3 total messages
Please log in or Create an account to post or reply to topics.
This post has been viewed 285 times
 
Loading more pages
Loading more pages

Sign up for email promotions.

Your information is safe with us and won't be shared.

Thank you for signing up!

 
©2003 - 2021 Grissett, LLC. All Rights Reserved.

By continuing to browse or by clicking Accept Cookies, you agree to the storing of cookies on your device necessary to provide you with the services available through our website.

    Accept   Privacy & Cookie Policy
Loading More Photos
Scroll To Top
Close Window
Loading
Close