Navigation
Archive / add book and contact widget to sites topbar
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 21, 2017 at 2:28 am #1379439
    VelocityWeb
    Blocked

    how can I add a links/widgits like the ones pictured (on the left) and keep the social icons (to the right)

    My website is http://adventureridenz.com

    February 21, 2017 at 5:02 am #1379576
    Paul R
    Moderator

    Hi,

    You can add the code below in your topbar content.

    
<a href="http://adventureridenz.com/?page_id=246"><i class="x-icon x-icon-calendar" data-x-icon="" aria-hidden="true"></i> BOOK </a>
<a href="http://adventureridenz.com/?page_id=265"><i class="x-icon x-icon-phone" data-x-icon="" aria-hidden="true"></i> CONTACT</a>

    Hope that helps.

    February 21, 2017 at 6:24 am #1379664
    VelocityWeb
    Blocked

    Excellent that worked! 🙂

    How can I change the gray text to a lighter colour. like: cccccc

    February 21, 2017 at 6:25 am #1379665
    VelocityWeb
    Blocked

    For the entire top bar that is

    February 21, 2017 at 7:10 am #1379706
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    .x-topbar .p-info a, .x-topbar .x-social-global a {
    color: #cccccc !important;
}

    Hope that helps.

    February 21, 2017 at 4:34 pm #1380465
    VelocityWeb
    Blocked

    Thank you!!

    February 21, 2017 at 6:11 pm #1380540
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1379439 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>