Vertical Menu Spacing in Cloudbase3

[steveotm]

I just created a menu in sidebar a in Cloudbase 3 template....http://ensocorp.freesite.host/index.php. Do I have to dig into the css sheet to make the spacing between tabs closer together???? Would appreciate any info!!!! Steve

[AlexVega]

Hi there,

Welcome to the Forum, Change the value for padding in this css rule:
.gf-menu.l1 > li > .item you can add in your main css file something like:

Code: Select all

/* By default the value for top and bottom is 16px */
.gf-menu.l1 > li > .item {
  padding: 10px 0;
}

Cheers!

[steveotm]

Thank you so much AlexVega! I will try to get to this today.....your time is appreciated!

[AlexVega]

Glad to help,
Regards.

[steveotm]

Hi again, I made the css change but now a few of the menu items have crushed into some others...what could be wrong????

[AlexVega]

Hi there,

Hi again, I made the css change but now a few of the menu items have crushed into some others...what could be wrong????

Can you show us the URL of your project?

Cheers.

[steveotm]

http://ensocorp.freesite.host/index.php

[AlexVega]

Hi,

I see the problem, try this:

Code: Select all

/* First add more padding to right and left, in this case this value add 10px to
the top, bottom, left and right */
.gf-menu.l1 > li > .item {
  padding: 10px;
}

/* Add this new rule*/
.gf-menu li {
  width: 100%;
}

Cheers.

[steveotm]

AlexVega, you are amazing! It looks perfect now! Thank you so much for your expertise. Out of curiosity, is it possible to get the menu to open a menu item to the right instead of down like it is doing now????

[AlexVega]

Hi,

Yes is possible, you can use a tool like Firebug for inspect the source code of your page
in your browser.

A tool like this will give you information about the selectors and the path where they are
located, the line number and the name of the file that contains this css selectors.

Once you have this you can add or change the values.

Cheers!