Remove rounded corner?

Home Forums Older releases 0.9.x Remove rounded corner?

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1312
    marvalonius
    Participant

    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

    #1555
    admin
    Keymaster

    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!

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.

Register

You will be emailed a link to set your password.

Login

Lost password?