Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 13, 2014 at 8:16 am #290740
    simplepost

    I am looking to make a button around one header link within my top navigation menu. Is this possible?

    Basically I want to have a “Home”, “About” and “Get Started”. The “Get Started” link I want to have a blue circle bubble around. I know this might be some hard code editing within the header.php file but could you please help?

    July 14, 2014 at 3:06 pm #291084
    Yigit

    Hey Jonn!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    li#menu-item-3159 .avia-menu-text {
color: white!important;
background-color: blue;
padding: 5px;
border-radius: 10px;
}

    Best regards,
    Yigit

    July 14, 2014 at 5:21 pm #291160
    simplepost

    Thank you Yigit! It worked perfectly!

    How would I add an option to change the circle color when hovering?

    Thanks!

    July 14, 2014 at 5:29 pm #291168
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    li#menu-item-3159:hover .avia-menu-text {
color: red !important;
background-color: orange;
}

    Cheers!
    Yigit

    July 14, 2014 at 5:55 pm #291193
    simplepost

    Thanks worked perfectly!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Header Menu – Round Button on a Link’ is closed to new replies.