How to change the horizontal menu

Post by LeorLindel » Fri Nov 11, 2011 9:49 pm

Hello,
I wish I knew how to modify the stylesheet to the categories located in the horizontal menu, can appear as separate tabs from each other by a few pixels (see example image).

menu.png (21.07 KiB) Viewed 2122 times

Thank you for taking the time to read.

Tous les packs de langues Française depuis la v1.4.7 et toutes les versions intégrales 100 % Français sont disponibles sur le Portail Officiel Français.

Post by LeorLindel » Sat Nov 12, 2011 12:25 am

I managed to make the tabs by editing the stylesheet, like this:

menu02.png (13.37 KiB) Viewed 2113 times

Code: Select all

/* menu */
#menu {
	height: 37px;
	margin-bottom: 15px;
	-moz-border-radius: 10px 10px 0 0 ;
	-webkit-border-radius: 10px 10px 0 0 ;
	border-radius: 10px 10px 0 0 ;
	padding: 0px 5px;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu > ul > li {
	background: #484747;
	position: relative;
	float: left;
	-moz-border-radius: 10px 10px 0 0 ;
	-webkit-border-radius: 10px 10px 0 0 ;
	border-radius: 10px 10px 0 0 ;
}

But I can not put a few pixels of separation between them

Tous les packs de langues Française depuis la v1.4.7 et toutes les versions intégrales 100 % Français sont disponibles sur le Portail Officiel Français.

Post by avriukas » Sat Mar 03, 2012 5:42 am

margin-left: 3px;

Post by dimko » Tue Mar 06, 2012 8:42 am

And how to move this whole thing to be aligned to the right, not to the left, as it is now?

Thanks.

Using OpenCart v1.5.1.3

Post by Vanderbilt80 » Tue Mar 06, 2012 9:43 am

Thank you for taking the time to read.

Post by dimko » Tue Mar 06, 2012 11:32 pm

Vanderbilt80 wrote:Thank you for taking the time to read.

Using OpenCart v1.5.1.3