Call to action in main menu

Home Forums All Other Themes Call to action in main menu

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #122466
    Karim TAFATKarim TAFAT
    Participant
    • Topics: 5
    • Replies: 9
    • Total: 14
    Member since: April 18, 2019

    Hello,

    I have bought ” banking sector ” Theme, please how to add the call to action button in main menu like in the demo version ( Button : Apply for a loan ) ? any tutorial for this please ? I am begginer.

    Thank you

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

    Hi,

    Kindly show us your website URL?

    Regards,
    Chris

    #123957
    Karim TAFATKarim TAFAT
    Participant
    • Topics: 5
    • Replies: 9
    • Total: 14
    Member since: April 18, 2019

    www.dzacs.com

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

    Hi,

    Kindly follow these steps to setup Call button in header navigation.

    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 bookateetime class name and save your menu to apply the class to the menu item.

    Regards,
    Chris

    #125507
    Karim TAFATKarim TAFAT
    Participant
    • Topics: 5
    • Replies: 9
    • Total: 14
    Member since: April 18, 2019

    Thank you, but the class does not exist in my editor …can you provide its code ?

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

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .bookateetime {background: #f08714 !important; float: right; transform: skew(-17deg); -webkit-transform: skew(-17deg); -o-transform: skew(-17deg); -ms-transform: skew(-17deg); -moz-transform: skew(-17deg);}

    Regards,
    Chris

    #146749
    Karim TAFATKarim TAFAT
    Participant
    • Topics: 5
    • Replies: 9
    • Total: 14
    Member since: April 18, 2019

    Hello,

    I have replaced the menu item with another text and link , and I have inserted :

    Bookateetime class ——–> the text is not shown

    I have tried with another class name from other posts, Activelast class ——> the text is shown only on hover.

    Please advise. ( I am also sending you the user and password by email )

    site : www.dzacs.com

    Regards

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

    Hi,

    This has been done via email.

    Regards,
    Chris

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