Kryptronic Software Support Forum

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.

#1 03-27-2016 10:06:14

mdowning
Member
From: California
Registered: 11-05-2010
Posts: 725
Website

Top Menu Spacing

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.


http://tuxedothemes.org/
Wordpress Themes for business, blogs and personal use.

Offline

 

#2 03-28-2016 07:25:22

webmaster
Administrator
From: York, PA
Registered: 04-20-2001
Posts: 19798
Website

Re: Top Menu Spacing

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.


Nick Hendler

Offline

 

#3 03-28-2016 09:42:43

mdowning
Member
From: California
Registered: 11-05-2010
Posts: 725
Website

Re: Top Menu Spacing

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)


http://tuxedothemes.org/
Wordpress Themes for business, blogs and personal use.

Offline

 

#4 03-29-2016 07:43:41

webmaster
Administrator
From: York, PA
Registered: 04-20-2001
Posts: 19798
Website

Re: Top Menu Spacing

Adjust padding for #skin_top_menu ul li a.


Nick Hendler

Offline

 

#5 03-29-2016 09:48:23

mdowning
Member
From: California
Registered: 11-05-2010
Posts: 725
Website

Re: Top Menu Spacing

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.


http://tuxedothemes.org/
Wordpress Themes for business, blogs and personal use.

Offline

 

#6 03-29-2016 09:53:54

nigel
Member
From: Peterborough, UK
Registered: 04-27-2008
Posts: 418
Website

Re: Top Menu Spacing

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

 

#7 03-29-2016 09:55:05

zanart
Member
From: bedford
Registered: 04-02-2008
Posts: 1706

Re: Top Menu Spacing

just change the bottom margin of #skin_top to something greater than 0px


Rob

Offline

 

#8 03-29-2016 10:05:56

mdowning
Member
From: California
Registered: 11-05-2010
Posts: 725
Website

Re: Top Menu Spacing

zanart wrote:

just change the bottom margin of #skin_top to something greater than 0px

Thanks, that did the trick.


http://tuxedothemes.org/
Wordpress Themes for business, blogs and personal use.

Offline

 

Board footer