Hi Mark (@markaabo),
You can try the following CSS
/* For Dropdown */
.dropdown-menu > li:first-child > a:hover, .dropdown-menu > li:first-child > a:focus{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.dropdown-menu > li:last-child > a:hover, .dropdown-menu > li:last-child > a:focus{
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
border-radius: 0;
}
.dropdown-menu li:last-child{
border-bottom: 0;
}
/* To Remove Padding between Menu and Dropdown */
header.menu-wrapper nav ul li a{
padding-bottom: 0;
}
Copy the above CSS and paste it in Appearance -> Customize -> Additional CSS
For Second query, You can go to Appearance -> Customize -> Footer Settings and then from the option Footer Links Color You can change the color.
Best Regards
Almost all of it worked
The footer color i already tried but i found out that if i use google chrome it doesn’t update all the edits i do in “customize” but it does edit and save just need to refresh or use firefox, but still thanks 🙂
The remove padding between menu and dropdown, made the gap a little smaller but its still there, is there something else that could maybe cause it?
Kind regards Mark
Also noticed footer copyright text says that HTML is allowed but it doesn’t work nothing HTML inputted in the copyright footer text works it just display directly the raw text
Hi Mark,
Writing down few more lines of CSS that will eliminate the dropdown margin. Hope this would help.
.dropdown-menu{
margin:0;
}
Yes, you can’t add HTML code there because of the data sanitization. We will change the text in our next theme update. Sorry for that confusion.
Best Regards
