Home › Forums › All Other Themes › coworking theme
- This topic has 8 replies, 2 voices, and was last updated 6 years ago by Sonl Sinha.
-
AuthorPosts
-
August 29, 2018 at 5:21 pm #106427
Hi. In the demo of the theme you have a side button that says BOOK A TOUR. How can I set up this button in our site. THank you. I read through all the documentation and can’t find it in the set up.
We appreciate your help.
Best regards.August 30, 2018 at 12:06 pm #106480Hi,
Kindly show us your website URL?
Regards,
DaveSeptember 2, 2018 at 7:04 pm #106612Hello, Here is the url of the site we are building: https://www.mysfirm.com/newsite/
Here is a screenshot of the side button we are talking about
https://imgur.com/a/KfJSbkdSeptember 3, 2018 at 12:54 pm #106796Hi,
Kindly follow these steps to setup book now button.
1. In Appearance > Menus, click the Screen Options button on top right side.
2. Under Show advanced menu properties, check CSS Classes.
3. Now expand last menu item to reveal the CSS Classes (optional) text input.
4. Enter bookatour class name and save your menu to apply the class to the menu item.
Regards,
DaveSeptember 7, 2018 at 6:05 pm #107143Hi, we were able to create the button, thank you for the instructions.
But now, how do we get rid of this extra space on the right in order to make the menu to be on one line. It seems there is enough room to fit the menu and the button there, but we can not get rid of this space.
https://imgur.com/a/Rp2hmBpTHis is a screenshot.
Here is a link to the website
https://www.mysfirm.com/newsite/Thank you.
September 10, 2018 at 10:04 am #107231Hi,
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
#topmenu ul { margin-right:0 !important;} .header.type1 .bookatour { margin:0 !important;} #topmenu ul li a { padding:50px 20px !important;} .header.type1 .bookatour, .header.type2 .bookatour { padding:9px 15px 7px 15px !important;}
Regards,
DaveSeptember 16, 2018 at 9:36 pm #107783Hi, thank you. The code worked. I have been trying to make the top-bottom / line padding of the sub menu smaller, but every time I try to edit .sub-menu the sub menu stops working. Same Link to the site.
Link to screen shot is here:
#menu-item-356 .menu-item menu-item-type-post_type menu-item-object-page menu-item-356September 16, 2018 at 9:43 pm #107784We previously adjusted the padding of #topmenu ul li a, but we should be able set different padding for the sub menu. Thank you
September 18, 2018 at 9:52 am #107890Hi,
Remove
#topmenu ul { margin-right:0 !important;} .header.type1 .bookatour { margin:0 !important;} #topmenu ul li a { padding:50px 20px !important;} .header.type1 .bookatour, .header.type2 .bookatour { padding:9px 15px 7px 15px !important;}
Add this new css there
#topmenu ul { margin-right:0 !important;} .header.type1 .bookatour { margin:0 !important;} #topmenu ul li a { padding:50px 18px !important;} #topmenu ul li ul li a { padding:12px 8% !important;} .header.type1 .bookatour, .header.type2 .bookatour { padding:9px 15px 7px 15px !important;}
Regards,
Dave -
AuthorPosts
- You must be logged in to reply to this topic.