How to put a border on circles (Featured Page) Customizr Theme

  • Resolved Maman_

    (@maman_)


    10 years, 3 months ago

    Hi everyone !

    I would like to put a simple border around the circles showing the featuring pages but i don’t know how to do it.
    I tried this :

    .round-div {
border: solid black;
}

    It’s maybe impossible cause circles are contained in squares and i didn’t found the answer on support posts
    If someone have the cheat code for this problem he would became my hero! ??

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Maman_

    (@maman_)

    I added circles with Photoshop directly on the picture, it works well if someone else don’t find solution.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The borders are what makes the circles circular, I don’t think you can do this with CSS border.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Actually just tested this and this seems to work:

    .round-div:before {
    content: "";
    border: 1px solid red;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: -1px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

    Thread Starter Maman_

    (@maman_)

    That looks so easy right now !
    That works really well ??

    Thank you so much !
    Have a good day ??

    Topic Resolved

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to put a border on circles (Featured Page) Customizr Theme’ is closed to new replies.