rounded corners css code?

  • Resolved martin177

    (@martin177)


    3 years, 6 months ago

    Hi there!

    I am new to Blocksy and I would like to add a border radius of 20px to every page of this website, like as a standard. Is there a css code that I could add to the css section in the customizer?

    Thank you very much in advance,
    Martin

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Eduard

    (@cteduard)

    3 years, 6 months ago

    Hi @martin177

    Sorry, but what you’re trying to achieve is simply not possible using CSS directly. The HTML generated by the website simply does not permit this.

    This might be achievable by modifying a lot of the CSS present, including injecting new CSS into the site. This page — https://itnext.io/how-to-make-a-fancy-inverted-border-radius-in-css-5db048a53f95 — has more information on how you might want to go about doing things.

    Hope this clears things up and points you in the right direction!

    Thanks.

    Thread Starter martin177

    (@martin177)

    3 years, 6 months ago

    Hi Eduard (@cteduard)

    Thank you for your reply! Could I just clarify what you meant: is it impossible to achieve this: https://imgur.com/NJd97qL in Blocksy? And I would basically have to change half the actual Blocksy code to achieve it? 😉 Because in Oceanwp you can just add 3 lines of code and Bob’s your uncle 🙂

    Thank you for your patience!
    Martin

    Eduard

    (@cteduard)

    3 years, 6 months ago

    Hello @martin177

    I never said that you have to change half of the code to achieve this. It’s just it requires a lot more CSS than a few lines, due how things are stacked inside the HTML/CSS.

    The guide I’ve sent you should teach you how to use the :before and :after modifiers to achieve this look. 🙂

    Thanks.

    Thread Starter martin177

    (@martin177)

    3 years, 6 months ago

    I was just exaggerating a little, because I didn’t really understand. Ok, so it’s probably best, I’ll leave it as it is and hire someone to adjust things once I’ve made some money.

    Thank you anyways!!
    Have a good day,
    Martin

    Eduard

    (@cteduard)

    3 years, 6 months ago

    Hi @martin177

    Yup, in the end this is possible, but you have to put in a bit of work to get this just right. It’s a limitation from how the site border has been designed and how HTML/CSS works like.

    Hope this clears things up!

    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘rounded corners css code?’ is closed to new replies.