coworking theme

Home Forums All Other Themes coworking theme

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #106427
    LauraLaura
    Participant
    • Topics: 158
    • Replies: 195
    • Total: 353
    Member since: July 21, 2016

    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.

    #106480
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL?

    Regards,
    Dave

    #106612
    LauraLaura
    Participant
    • Topics: 158
    • Replies: 195
    • Total: 353
    Member since: July 21, 2016

    Hello, 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/KfJSbkd

    #106796
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    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,
    Dave

    #107143
    LauraLaura
    Participant
    • Topics: 158
    • Replies: 195
    • Total: 353
    Member since: July 21, 2016

    Hi, 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/Rp2hmBp

    THis is a screenshot.

    Here is a link to the website
    https://www.mysfirm.com/newsite/

    Thank you.

    #107231
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    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,
    Dave

    #107783
    LauraLaura
    Participant
    • Topics: 158
    • Replies: 195
    • Total: 353
    Member since: July 21, 2016

    Hi, 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-356

    #107784
    LauraLaura
    Participant
    • Topics: 158
    • Replies: 195
    • Total: 353
    Member since: July 21, 2016

    We previously adjusted the padding of #topmenu ul li a, but we should be able set different padding for the sub menu. Thank you

    #107890
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    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

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.