• Creator
    Topic
  • #21008

    Marc Pauyel DOLCIAMI
    Spectator
    Been thanked: 0 times

    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

Viewing 8 replies - 1 through 8 (of 8 total)
Replies
  • Marc Pauyel DOLCIAMI
    Spectator
    Post count: 10
    Been thanked: 0 times
    #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
    Post count: 10
    Been thanked: 0 times
    #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
    Post count: 3211
    Been thanked: 128 times
    #21027 |

    Hi,

    Please try the following.

    Thanks!

    Marc Pauyel DOLCIAMI
    Spectator
    Post count: 10
    Been thanked: 0 times
    #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
    Post count: 10
    Been thanked: 0 times
    #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
    Post count: 10
    Been thanked: 0 times
    #21032 |

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

    Marc Pauyel DOLCIAMI
    Spectator
    Post count: 10
    Been thanked: 0 times
    #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
    Post count: 3211
    Been thanked: 128 times
    #21041 |

    Hi,

    Please post your site url to your blog.

    Thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
You must be logged in to reply to this topic.