Need help? Check out our Support site, then


rounded menu selection buttons

  1. cherylmarieknits
    Member

    Using the Retro-fitted theme - is there a way to alter the look of the "square" menu bar boxes on homepage? i.e., can I make them rounded boxes with shading?

    Thanks,
    cherylmarieknits.com

    The blog I need help with is cherylmarieknits.com.

  2. Add this to the end of any existing custom CSS you have and then you can adjust the 5px values. Note that the CSS tidy thing here at wordpress may strip some of the declarations below out. It has in the past, but hopefully it won't now.

    #access li, #access a {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }
  3. cherylmarieknits
    Member

    Works perfect - thanks!

    In keeping with that look... I have a Milestone Widget whose title is in a square block as well - is there a similar way in which I can round the borders of that Event Title box?

    cherylmarieknits.com

  4. I'll offer two for you to try. The first does the border radius and shadow on the blue section only, to match the menu tabs. The second adds radius to the bottom corners of the bottom section.

    .milestone-widget .milestone-header {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.3);
    position: relative;
    }
    .milestone-countdown, .milestone-message {
    border-radius: 0 5px 5px 0;
    }
  5. Sorry, change the border-radius declaration values in the second bit of code as follows:

    border-radius: 0 0 5px 5px;

Topic Closed

This topic has been closed to new replies.

About this Topic