Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 25, 2014 at 4:31 pm #357613
    pelyon

    Hi,

    I want to style the drop-down background with rounded corners, and have done so with the CSS below. However, This code also rounds the corners of the background hover state of the main menu links, which I don’t want. Can you suggest additional or revised CSS?

    Thanks very much!

    http://billrusselldesign.com/sr_volunteers/

    /*rounded corners of signup dropdown*/
    .header_color ul,
    .header_color a,
    .header_color li
    {
    border-radius:25px;
    }

    November 25, 2014 at 11:40 pm #358034
    Elliott

    Hi Jason!

    Change it to this.

    /*rounded corners of signup dropdown*/
.header_color ul
{
border-radius:25px;
}

    Regards,
    Elliott

    November 26, 2014 at 12:55 am #358070
    pelyon

    Hey Elliott,

    That squared up the main menu link hover, but I lost the rounded corners in the drop down background. I left it place for you to see. Your thoughts?

    Thanks!

    November 26, 2014 at 1:08 am #358079
    pelyon

    Elliott, I finally figured out myself. Thank you anyway and have a great day.

    -Pelyon

    #top #wrap_all .av-main-nav ul > li > a,
    .header_color ul {
    border-radius:25px;
    }

    November 27, 2014 at 5:26 am #358827
    Andy

    Hi!

    Glad you figured it out and thanks for sharing!

    Cheers!
    Andy

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