How can I make submenu corners round

More
12 years 3 months ago - 12 years 3 months ago #29175 by susanagarduno1
Sorry, I was tried in local the CSS.

Now I had put the css as you instructed me on this new url:

cfd2.gvamundial.com.mx/prueba2/prueba3/

Please, I really need help!

Do you need ftp access or something else?

Thank you
Last edit: 12 years 3 months ago by susanagarduno1. Reason: Adding a question

Please Log in to join the conversation.

More
12 years 3 months ago - 12 years 3 months ago #29180 by ivan.milic
It's un-ordenary you can just place code at bottom of template_css.css that can be even be done form joomla
Last edit: 12 years 3 months ago by ivan.milic.

Please Log in to join the conversation.

More
12 years 3 months ago #29208 by susanagarduno1
Sorry if I'm too much insistent but I already put the CSS code as ul and submenu of top menu is still squared.

Could be any other solution you can suggest to me?

My Url: cfd2.gvamundial.com.mx/prueba2/

Susana

Please Log in to join the conversation.

More
12 years 3 months ago #29221 by ivan.milic
I notice your css file is packed so probably you have some additional optimization component. If you know about it maybe you know you need to do something so css is updated. Or you can put that on other place like index.php of template. Open index.php of template and just above end of head tag(</head>) add this:

<style type="text/css">
#nav ul{
-moz-border-radius-topleft: 12px;
-webkit-border-top-left-radius: 12px;
-moz-border-radius-topright: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-bottomleft: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-webkit-border-bottom-right-radius: 12px;
border-radius: 12px 12px 0 0;
behavior: url(templates/hot_architecture/css/PIE.php);
}
</style>

Please Log in to join the conversation.

More
12 years 3 months ago #29225 by susanagarduno1
Hello again,

I already put the CSS at the end of head tag in the index.php page of template and nothing happens.

Submenu is still squared. Do you think this will have solution in another way?

Susana

cfd2.gvamundial.com.mx/prueba2/

Please Log in to join the conversation.

More
12 years 3 months ago #29227 by ivan.milic
try:

#nav ul > li:first > a{
-moz-border-radius-topleft: 12px;
-webkit-border-top-left-radius: 12px;
-moz-border-radius-topright: 12px;
-webkit-border-top-right-radius: 12px;

border-radius: 12px 12px 0 0;
behavior: url(templates/hot_architecture/css/PIE.php);
}

#nav ul > li:last > a{
-moz-border-radius-bottomleft: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-webkit-border-bottom-right-radius: 12px;

border-radius: 0 0 12px 12px;
behavior: url(templates/hot_architecture/css/PIE.php);
}

Please Log in to join the conversation.

Time to create page: 0.112 seconds
Powered by Kunena Forum