Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #6911
    maevamena
    Member

    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

    #6942
    Samson81
    Participant

    I would also like to be ale to round the page corners, is this possible?

    #6949
    Sakin
    Keymaster

    @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 */
    }

    #6977
    Samson81
    Participant

    This is not working for the site dev.webermfg.ca

    #6982
    Sakin
    Keymaster

    @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.

    #7050
    Samson81
    Participant

    I would like to have rounded around the site the dev site is dev.webermfg.ca

    #7058
    Sakin
    Keymaster

    @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 */
    }

    #7089
    Samson81
    Participant

    Worked like a charm, thanks again.

    #7149
    maevamena
    Member

    Hi Sakin,

    I have lovely rounded edges, but there is a white background where the the corners used to be.

    Ideas?

    Thank you!

    Maeve

    #7184
    Sakin
    Keymaster

    @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 */
    }

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Rounded corners on the page’ is closed to new replies.