- This topic has 9 replies, 3 voices, and was last updated 10 years, 11 months ago by Sakin.
-
AuthorPosts
-
April 12, 2013 at 11:40 pm #6911maevamenaMember
Hi Sakin,
Possible to round the edges of the page? On my site it’s the light purple section (page+ sidebar).
http://66.147.244.179/~wendybow/contact-wendy/
Thanks!
Maeve
April 13, 2013 at 4:26 pm #6942Samson81ParticipantI would also like to be ale to round the page corners, is this possible?
April 13, 2013 at 6:26 pm #6949SakinKeymaster@maevamena: Please remove the following CSS from your “Custom CSS” box in Theme Options panel.
.site { background-color: #DDD0D6; }
and replace with
.site { background-color: transparent; }
#main {
background-color: #DDD0D6;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
April 13, 2013 at 10:01 pm #6977Samson81ParticipantThis is not working for the site dev.webermfg.ca
April 14, 2013 at 12:36 am #6982SakinKeymaster@Samson81: That CSS is for @maevamena and it will not work for you.
What are you trying to do it? Let me know and then I will send you another css.
April 15, 2013 at 7:24 pm #7050Samson81ParticipantI would like to have rounded around the site the dev site is dev.webermfg.ca
April 15, 2013 at 9:15 pm #7058SakinKeymaster@Samson81: You can add the following CSS in “Custom CSS” box in Theme Options panel.
.site {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
April 16, 2013 at 4:07 am #7089Samson81ParticipantWorked like a charm, thanks again.
April 16, 2013 at 11:53 pm #7149maevamenaMemberHi Sakin,
I have lovely rounded edges, but there is a white background where the the corners used to be.
Ideas?
Thank you!
Maeve
April 17, 2013 at 1:09 pm #7184SakinKeymaster@maevamena: Please the above css with the following:
.site {
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0; /* future proofing */
-khtml-border-radius: 10px 10px 0 0; /* for old Konqueror browsers */
}
#colophon { background-color: #696969; }
#site-generator {
-moz-border-radius: 0 0 15px 15px;
-webkit-border-radius: 0 0 15px 15px;
border-radius: 0 0 15px 15px; /* future proofing */
-khtml-border-radius: 0 0 15px 15px; /* for old Konqueror browsers */
}
-
AuthorPosts
- The topic ‘Rounded corners on the page’ is closed to new replies.