Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
StephanieG

Folder: Alignment & colour on hover

Question

Posted (edited)

Hello.

I have added some css to change a folder on my primary menu but I have two issues that I need assistance with:

  1. I want the drop down folder and it's pointer to be centered with the name of the menu item, and
  2. How do I get the colour on hover to go right to the edges (left and right) instead of stopping short.

For the life of me I can't work either of these issues out.

Website: https://stephanie-g.net/

TIA

folder-issue.jpg.de1dc7db6ccbd2323d48f6842150cb8c.jpg

Edited by StephanieG
Initial Revision

Share this post


Link to post

8 answers to this question

Recommended Posts

  • 1

@StephanieG Add to Home > Design > Custom CSS

Question 1.


/* Center Dropdown */
.Header-nav-folder {
 margin-left: -2em !important;
}

Question 2. Change padding: 7px !important; to padding: 7px 0 !important;

in the following code


.Header-nav--primary .Header-nav-item:nth-child(2) .Header-nav-folder {
   background-color: #f4afcf !important;
   min-width: 100px !important;
   color: #fff !important;
   font-family: karla,sans-serif;
   font-size: 12px;
   padding: 7px !important;
   text-align: center;
   letter-spacing: 1.5px;
}







Share this post


Link to post
  • 0

@tuanphan Thank you, thank you, thank you - worked perfectly.

I have spent days on this... I knew it had to do with margins and padding but couldn't work out what..

cheers

Stephanie

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...