• Closed
  • Marc Pauyel DOLCIAMI
    Spectator
    September 29, 2015 at 6:57 am #21008

    Hello,
    What is the CSS code :
    – to make round the corners at the top of the header ?
    – to make round the corners at the bottom of the footer ?
    – to add a transparent border at the top of the header (like the same width border is present at the bottom of the footer) ?

    Thanks you for your help

    Marc Pauyel DOLCIAMI
    Spectator
    Posts: 10
    September 29, 2015 at 7:57 am #21009

    For my last question, I found this code :

    .header {
    margin: 0 auto;
    padding: 10px 0px;
    border-top: 0px solid rgba(0,0,0,.1);
    }

    In this exemple, when I change the margin parameter to 20px, it’s okey because it created a border at the top of the header but there ‘s a problem with the picture image background : it exceed the right edge of the header). How could I do ?

    But for the first questions : How can Imake round the corners ? maybe with something like “radius-border” but I have not find the CSS code again, could you help me ?

    Marc Pauyel DOLCIAMI
    Spectator
    Posts: 10
    September 29, 2015 at 8:06 am #21010

    For the third question : it’s ok ! I find :

    .header {
    margin: 15px auto;
    padding: 0px 0px;
    border-top: 0px solid rgba(0,0,0,.1);
    }

    And it’s perfect so if you could just answer me for the first question (make round the corner) ? thanks

    Denzel Chia
    Moderator
    Posts: 2656
    September 29, 2015 at 10:09 am #21027

    Hi,

    Please try the following.

    #wrapper {
    border-radius: 20px;
    }

    Thanks!

    Marc Pauyel DOLCIAMI
    Spectator
    Posts: 10
    September 29, 2015 at 11:27 am #21029

    Hi, yes, I have already think this code before. So I just try to copy-paste your code here, but it don’t work ! and it stay right-angled corners.
    Have you something else ? Thanks

    Marc Pauyel DOLCIAMI
    Spectator
    Posts: 10
    September 29, 2015 at 11:45 am #21030

    I think the background picture of the header (and the footer) must be curved too, how could I do ? thanks

    Marc Pauyel DOLCIAMI
    Spectator
    Posts: 10
    September 29, 2015 at 12:35 pm #21032

    Ok I just curved my background picture and it’s pefect ! have a nice day

    Marc Pauyel DOLCIAMI
    Spectator
    Posts: 10
    September 29, 2015 at 1:08 pm #21033

    Ok for these questions !
    Now I need to know the code to change the border-radius of all the pictures blog witch appear on the home page, these pictures which illustrate the articles ?
    thanks you

    Denzel Chia
    Moderator
    Posts: 2656
    September 30, 2015 at 9:47 am #21041

    Hi,

    Please post your site url to your blog.

    Thanks!