WordPress.org

Ready to get started?Download WordPress

Forums

Luminescence Lite
[resolved] Rounding corners on menu (5 posts)

  1. Jack Chappell
    Member
    Posted 4 months ago #

    Anyone able to help me get the corners on my menu for http://www.wellingtontennis.co.uk/wordpress rounded?

    Also is it possible to add an image into the background of the menu or does it have to be one solid colour?

    Thanks :)

  2. StyledThemes
    Member
    Theme Author

    Posted 4 months ago #

    For your menus, you want each menu item to have rounded corners? If so, you will need to do some custom css to put a background colour on each one, then use:

    border-radius: 10px;

    However, if you are not comfortable in editing css, it might be a bit tricky for you because you will need to edit the menu css coding.

    For a background image on just the menu, same thing, you could do this, but it will require some creative CSS coding.

  3. Jack Chappell
    Member
    Posted 4 months ago #

    Sorry i was looking for rounded corners of the whole menu tab, the entire left green 'block' to have rounded corners!

    thanks

  4. StyledThemes
    Member
    Theme Author

    Posted 4 months ago #

    around line 350 is this:

    #equal-well {
    margin: 20px;
    padding: 14px;
    background-color: #23292A;
    }

    You would need to add the border-radius to that. Here is a great tutorial about doing border radius: Border Radius

    When making these kinds of changes, it's recommended you do this in a child theme or a plugin that lets you edit CSS.

  5. Jack Chappell
    Member
    Posted 4 months ago #

    perfect thanks!

Reply

You must log in to post.

About this Theme

About this Topic