distance menu

Phoca Templates - templates for Joomla! CMS
mafloc
Phoca Enthusiast
Phoca Enthusiast
Posts: 63
Joined: 16 Jul 2011, 06:42

distance menu

Post by mafloc »

Hi,

I use the template Phoca Rheine, I have a vertical menu and the submenu is horizontal on the left side.
What should I do to change the spacing of the individual menu entries?
Here is the side:
http://www.zeiler-weinfest.com/
The yellow menu is my problem.
I want it like this:
Vorbericht

Weinfestkalender

Stände

Not so:
Vorberichte
Weinfestkalender
Stände


Where and what I have to change?

Thanks Manuel
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47810
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: distance menu

Post by Jan »

Hi, do you mean the menu with yellow text. To resize the distances, just add some margin or padding (margin-top, margin-bottom, padding-top, padding-bottom) for the menu items.

Jan
If you find Phoca extensions useful, please support the project
mafloc
Phoca Enthusiast
Phoca Enthusiast
Posts: 63
Joined: 16 Jul 2011, 06:42

Re: distance menu

Post by mafloc »

ok but where I can found the right part in the css and in which css file I have to change it? And I mean the distances from the points not the complete menu. The seperate menupoints are really small.

Regards Manuel
christine
Phoca Hero
Phoca Hero
Posts: 2724
Joined: 28 Nov 2010, 17:20

Re: distance menu

Post by christine »

Hallo Manuel,

in principle in template.css, line 102 with adding e.g.: line-height: 2em;

But as there is a: background-image: url("images/li.png"); it's better to add at the end of your template.css:

Code: Select all

#phoca-side1 li  {
margin-bottom:1em;
}
Kind regards, Christine
Post Reply