Quantcast
Channel: Joomla! Forum - community, help and support
Viewing all articles
Browse latest Browse all 1997

Templates for Joomla! 4.x • Template HelixUltimate: CSS Issue

$
0
0
Hello Joomlers,

I need help on how to set "margin" on template: I'm working on Custom.css tempalte, and I found where modify the properties for main menu, placed on top:

http://opale.sviluppo.host/

the string I've used:

Code:

div.sp-column.d-flex.justify-content-end.align-items-center { a:hover { background: #556a29; margin:0px 0px 0px 0px; font-weight: bold; font-size: 16px; vertical-align: middle;}a:active { background: #fcf8e3; margin:0px 0px 0px 0px; font-weight: bold; font-weight: bold;font-size: 16px; vertical-align: middle;  }a:visited  { background: #fcf8e3; margin:0px 0px 0px 0px; font-weight: bold; font-size: 16px; vertical-align: middle;}a:link  { font-weight: bold; margin:0px 0px 0px 0px; font-size: 16px; vertical-align: middle; }  }
But, as you can see, "Hover" is going outside of the top green line...it looks a little bit centered below the line itself...how can i manage it? I've tried to use margin 0px, but is not working...

And also: is there a way to enlarge the "usable" part fo this top menu? If I'm increasing the text more than 16px, the menu itself is moving below the green line...

Thanks

Paolo

Statistics: Posted by Phala — Sun Apr 07, 2024 9:40 am



Viewing all articles
Browse latest Browse all 1997