Wordpress: Round corners for Navigation (MENU) and Header image...HOW?


Author Message
George

Posted: 9/3/2009
Quote message 

Hi, I'm very new to Artisteer but I already love the application.

In any case, I've being trying to create round corners for the navigation bar without any luck and also for the image in the header, the whole header. Is it possible to do that? Also I wan to have a space, maybe 5 pixels between the navigation (which I have on the top of the page) and the header. How can I achieve this?

Thank you for taking the time to help me.

George
 
Garry

Posted: 9/3/2009
Quote message 

You can change following styling rule from your style.css:

div.art-Header {
height:225px;
margin:0 auto;
position:relative;
width:874px;
z-index:0;
}

to

div.art-Header {
height:225px;
margin:0 auto 10px;
position:relative;
width:874px;
z-index:0;
}

in order to have blank space above menu bar, you can increase or decrease margin(which is currently 10px;)
 
George

Posted: 9/4/2009
Quote message 

Thank you!

This is the site for you to take a look. Is there a way to make the nav or menu also round? So far the top left and right are round but not the bottom left 7 right.

http://coogans.com/test/
 
Garry

Posted: 9/4/2009
Quote message 



You have a navigation background image at following address at your server, download it, open it in some image editing software, make its lower corners round, save it, upload it and you'll be good to go:

http://coogans.com/test/wp-content/themes/Site2/images/nav.png