Page 1 of 1

distance menu

Posted: 07 Aug 2016, 17:32
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

Re: distance menu

Posted: 08 Aug 2016, 09:53
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

Re: distance menu

Posted: 08 Aug 2016, 20:39
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

Re: distance menu

Posted: 08 Aug 2016, 22:40
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