Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1378233
    defthaus
    Participant

    Hi guys,

    I’ve bespokely styled one of the buttons in my navigation using the Renew theme…

    The menu link was a custom link so I added a span class in the navigation Label like so…

    <span class=”x-btn x-btn-mini book_button”>Book</span>

    Then added some extra css…

    #menu-item-89 > a {
    margin-top:-8px
    }

    .book_button {
    color:white;
    background-color:rgb(129,77,118);
    border:0px;
    border-radius:2px
    }

    .book_button:hover {
    background-color:rgb(112,138,127);
    color:white;
    text-decoration:none;
    }

    I would like to turn off the underline feature for this button but I can’t work out how to target it – it doesn’t appear to be applied to the a, li, or ul tags?

    Can you advise please?

    Thanks.

    Fresh install – all latest versions of WP, X and CS.

    #1378302
    Thai
    Moderator

    Hi There,

    Please provide us with your website URL so we can take a closer look.

    Thanks.

    #1378303
    defthaus
    Participant

    Its hidden at present – and no pages have been built, I’m just in the theme customiser at present trying to edit the default setting of Renew.

    #1378313
    defthaus
    Participant

    It’s ok – fixed it with…

    #menu-item-89 > a > span {
    box-shadow:none;
    }

    It was a box shadow on the span creating the underline.

    Thanks.

    #1378344
    Thai
    Moderator

    Glad you’ve sorted it out 🙂

    If you need anything else please let us know.

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