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

Folder: Alignment & colour on hover

Question

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;
}








COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL

 

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...