Remove rounded corner?

[marvalonius]

Hi

First of all thanks so much for this menu! First time I have had to make a site with fluid layout, and your menu has solved big issues for me.

One question… Is it possible to remove the top rounded corners on the menu? I would like to keep the bottom rounded corners but turn the top left and right corners into a right-angled regular corner?

many thanks in advance or any help you can give me

[admin]

Hi,

If you are using the “sm-blue” theme, you will need to edit the following rules:

	.sm-blue {
		...
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		...
	}

	...

	/* round the left corners of the first item for horizontal main menu */
	.sm-blue > li:first-child > a {
		-moz-border-radius:8px 0 0 8px;
		-webkit-border-radius:8px 0 0 8px;
		border-radius:8px 0 0 8px;
	}

like this:

	.sm-blue {
		...
		-moz-border-radius:0 0 8px 8px;
		-webkit-border-radius:0 0 8px 8px;
		border-radius:0 0 8px 8px;
		...
	}

	...

	/* round the left corners of the first item for horizontal main menu */
	.sm-blue > li:first-child > a {
		-moz-border-radius:0 0 0 8px;
		-webkit-border-radius:0 0 0 8px;
		border-radius:0 0 0 8px;
	}

Let me know if you still have any troubles.

Cheers!

[Author]

Posts