You are viewing this forum as a guest. Login to an existing account, or create a new account, to reply to topics and to create new topics.
I would like to get the same spacing between the top menu and header graphic as I have between the header, category menu and the page content. I know it should be an easy fix, but last time I tried to create the empty space, something went wrong and so I undid the edit. Any help would be great. Thanks.
Offline
You can accomplish this by editing the CSS in your active skin's all.css file. Just add the appropriate rule for your top menu. You'll probably want to set padding-right and padding-left to different values on those menu items.
Offline
webmaster wrote:
You can accomplish this by editing the CSS in your active skin's all.css file. Just add the appropriate rule for your top menu. You'll probably want to set padding-right and padding-left to different values on those menu items.
Here's the Top menu section
/* +------------------------------------------------------------+ */
/* | Top Menu | */
/* +------------------------------------------------------------+ */
#skin_top_menu ul {
padding: 0px;
margin: 0px;
list-style: none;
}
#skin_top_menu li {
padding: 0px;
margin: 0px;
list-style: none;
display: inline;
}
#skin_top_menu ul li a {
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
margin: 0px 5px 0px 0px;
padding: 0px 5px 0px 0px;
font-size: 11px;
border-right: 1px solid #FFFFFF;
}
#skin_top_menu ul li:last-child a {
border-right: none;
}
#skin_top_menu ul li a:hover {
color: #FFFFFF;
text-decoration: underline;
}
I think the setting should be 10px maybe, but when I change the padding values... it makes the top menu taller. What I want is for the blue background to show under the Top menu like it does above and below the Nav menu.
Last edited by mdowning (03-28-2016 09:46:11)
Offline
webmaster wrote:
Adjust padding for #skin_top_menu ul li a.
Nick,
What I'm trying to accomplish is for the Top menu to have blue background space between it and the header area. So far, nothing I've tried accomplishes this.
Offline
in your all.css file try changing the margin-bottom value:
#skin_top
{
margin-top: 0px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
width: 1200px;
background-color: #000000;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
box-shadow: #555555;
border-radius: 4px 4px 4px 4px;
z-index: 10;
}
Offline
just change the bottom margin of #skin_top to something greater than 0px
Offline
zanart wrote:
just change the bottom margin of #skin_top to something greater than 0px
Thanks, that did the trick.
Offline