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
Allira Fontana
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 :)
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
Tim - PicturesPro.com
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...)
<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
My Email Address: info@picturespro.com
Allira Fontana
45 posts
Mon Aug 19, 19 9:14 PM CST
Thank you so much Tim, works a treat!
Please log in or Create an account to post or reply to topics.
Loading more pages