- Posts: 60
- Thank you received: 0
How can I make submenu corners round
-
susanagarduno1
Inactive member -
Topic Author
- Member
-
Less
More
11 years 11 months ago #29095
by susanagarduno1
How can I make submenu corners round was created by susanagarduno1
Hello,
Submenu in arquitecture template has the corners square (90° angle). We need the corners round, how can I get the submenu had corners round.
I'm sending a picture showing what I mean.
My url:http://cfd2.gvamundial.com.mx/prueba2/
Would you give me an advice?
Regards,
Susana Garduño
Submenu in arquitecture template has the corners square (90° angle). We need the corners round, how can I get the submenu had corners round.
I'm sending a picture showing what I mean.
My url:http://cfd2.gvamundial.com.mx/prueba2/
Would you give me an advice?
Regards,
Susana Garduño
Please Log in to join the conversation.
-
ivan.milic
Support Staff -
- Moderator
-
Less
More
- Posts: 14116
- Thank you received: 1639
11 years 11 months ago #29104
by ivan.milic
Replied by ivan.milic on topic How can I make submenu corners round
template_css.css:
#nav > li {
float: left;
position: relative;
margin: 0 10px 0 0;
height: 50px;
-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);
}
remove properties I marked bold
#nav > li {
float: left;
position: relative;
margin: 0 10px 0 0;
height: 50px;
-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);
}
remove properties I marked bold
Please Log in to join the conversation.
-
susanagarduno1
Inactive member -
Topic Author
- Member
-
Less
More
- Posts: 60
- Thank you received: 0
11 years 11 months ago #29130
by susanagarduno1
Replied by susanagarduno1 on topic How can I make submenu corners round
Hello again,
Maybe I didn't express well my idea.
My boss asked the corners in the page were always rounded, not squared.
The hotel template is a good example of we need.
We would needed the style of hotel template's top menu but applied to arquitecture template.
(I tried to copy the css of top menu from hotel template to arquitecture template but it was a mess and I didn't get the rounded corners effect).
My url: cfd2.gvamundial.com.mx/prueba2/
I'm sending pictures trying to be more clear.
Thanks in advance.
Susana
Maybe I didn't express well my idea.
My boss asked the corners in the page were always rounded, not squared.
The hotel template is a good example of we need.
We would needed the style of hotel template's top menu but applied to arquitecture template.
(I tried to copy the css of top menu from hotel template to arquitecture template but it was a mess and I didn't get the rounded corners effect).

My url: cfd2.gvamundial.com.mx/prueba2/
I'm sending pictures trying to be more clear.
Thanks in advance.
Susana
Please Log in to join the conversation.
-
ivan.milic
Support Staff -
- Moderator
-
Less
More
- Posts: 14116
- Thank you received: 1639
11 years 11 months ago #29141
by ivan.milic
Replied by ivan.milic on topic How can I make submenu corners round
then it is:
#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);
}
#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);
}
Please Log in to join the conversation.
-
susanagarduno1
Inactive member -
Topic Author
- Member
-
Less
More
- Posts: 60
- Thank you received: 0
11 years 11 months ago #29153
by susanagarduno1
Replied by susanagarduno1 on topic How can I make submenu corners round
I appreciate your answer, but I applied the changes you send me but nothing happens. Submenu is still squared, not rounded.
Could you give me another advice? (I applied the changes in local server to try them and not in production server so you wont see the changes in my online version now).
cfd2.gvamundial.com.mx/prueba2/
Susana
Could you give me another advice? (I applied the changes in local server to try them and not in production server so you wont see the changes in my online version now).
cfd2.gvamundial.com.mx/prueba2/
Susana
Please Log in to join the conversation.
-
ivan.milic
Support Staff -
- Moderator
-
Less
More
- Posts: 14116
- Thank you received: 1639
11 years 11 months ago #29161
by ivan.milic
Replied by ivan.milic on topic How can I make submenu corners round
I see in source code css is not in place like I instructed
Please Log in to join the conversation.
Time to create page: 0.166 seconds