Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 17, 2016 at 6:52 pm #566822
    advancetogo

    Hi guys,
    I was wondering if you could help me with something.
    I’d like to style the “login” link at the right of the main navbar on this site…
    http://www.geegeez.co.uk
    It has the following class and ID attached to it…
    <li class=”menu-item menu-type-link” id=”login_logout_menu-link”>
    …but I’m not sure how I should call that in the custom CSS box.
    I’d like to add the border that you can add to normal menu items in the navbar through the theme settings, but this particular link has been added manually.
    Can you help?
    Thanks,
    Paul

    January 19, 2016 at 4:30 am #567568
    Elliott

    Hi advancetogo!

    The custom links also have the menu style option available so you can set it to button style “bordered”. Just click on the dropdown arrow of the menu link and you’ll see the option there.

    Or if I am misunderstand and your just wondering how to target that link then you can use this CSS.

    #login_logout_menu-link a {  }

    Best regards,
    Elliott

    January 19, 2016 at 11:31 am #567760
    advancetogo

    Hi Elliott,
    Thanks for your help!
    It’s a link that’s been hardcoded into the template, rather than a custom link through the menu.
    I’ve tried this…

    #login_logout_menu-link a {
border: 2px !important;
border-radius: 2px !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}

    And variations of that, but I still can’t get it showing.
    Thanks again,
    Paul

    January 20, 2016 at 3:26 am #568325
    Elliott

    Hey!

    I can see it on my end. Can you take a screenshot and highlight what your seeing?

    Cheers!
    Elliott

    January 20, 2016 at 4:00 am #568345
    advancetogo

    I mean that I can’t see the border Elliott – I can see the link fine, but when I try adding the code above it doesn’t add a border around it.

    January 21, 2016 at 2:55 am #569072
    Yigit

    Hey!

    Please change your code to following one 

    #login_logout_menu-link a {
border: 2px solid red!important;
border-radius: 2px !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}

    Regards,
    Yigit

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