Tagged: Wordpress theme
- This topic has 10 replies, 3 voices, and was last updated 3 months, 4 weeks ago by
Thorsten Hoeppner.
-
AuthorPosts
-
November 22, 2022 at 12:55 pm #312852
Thorsten Hoeppner
ParticipantI would like to round off the top corners of the current menu item in the main menu, like on an index card.
Unfortunately, I can’t find the right entry in the CSS.de I can’t find the right entry in the CSS.
November 22, 2022 at 11:31 pm #312856tikaram
Keymaster@hoeppner1867 : Please post in your site URL so that I can check and provide you the required additional css.
Regards,
TikaramNovember 23, 2022 at 2:58 am #312863Thorsten Hoeppner
ParticipantNovember 23, 2022 at 11:30 am #312893tikaram
Keymaster@hoeppner1867 : Login to your WordPress admin section.
Go to Appearance => Customize => Additional css and add the following css.nav-primary ul.menu .current-menu-item > a { border-radius: 10px !important; }
Let me know if this helps you out.
Regards,
TikaramNovember 23, 2022 at 11:56 am #312894Thorsten Hoeppner
ParticipantThanks, but only the home button has rounded corners.
November 23, 2022 at 12:07 pm #312895Thorsten Hoeppner
ParticipantThanks, ist works. Only the hover buttons are not rounded.
November 23, 2022 at 12:31 pm #312896Thorsten Hoeppner
ParticipantI added that, but I can’t find the hover buttons.
.nav-primary { padding-top: 5px; }
.nav-primary ul.menu .current-menu-item > a {
border-radius: 12px 12px 0px 0px;
background-color: #ffffff !important;
}November 24, 2022 at 12:25 am #312908tikaram
Keymaster@hoeppner1867 : Please discard the previous additional css and add the following css
.catchresponsive-nav-menu a { border-radius: 12px 12px 0 0; }
Let me know if this works as expected or not.
Regards,
TikaramNovember 24, 2022 at 5:57 am #312911Thorsten Hoeppner
ParticipantThank you, but now all submenu items are also rounded off. 😉
November 28, 2022 at 4:10 pm #312999Sakin
KeymasterHi Thorsten,
So, after that CSS if the Sub-menu is also rounded off and want to remove rounded for sub-menu then you can add additional CSS as:
.catchresponsive-nav-menu .sub-menu a { border-radius: 0; }
Regards,
SakinNovember 29, 2022 at 4:54 am #313038Thorsten Hoeppner
ParticipantGreat, now it works exactly as I imagined. 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.