WordPress.org

Support

Support » Themes and Templates » [Resolved] Rounding corners on menu

[Resolved] Rounding corners on menu

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Styled Themes

    @gejay

    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.

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

    thanks

    Theme Author Styled Themes

    @gejay

    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.

    perfect thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] Rounding corners on menu’ is closed to new replies.