distance menu

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

distance menu

Post by mafloc » 07 Aug 2016, 17:32

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: 42636
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: distance menu

Post by Jan » 08 Aug 2016, 09:53

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: 62
Joined: 16 Jul 2011, 06:42

Re: distance menu

Post by mafloc » 08 Aug 2016, 20:39

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: 1955
Joined: 28 Nov 2010, 17:20

Re: distance menu

Post by christine » 08 Aug 2016, 22:40

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