Archived topic

Curved Corners

5 replies · Started by Leanne on December 18, 2020

Viewing posts 1–6 of 6

December 18, 2020 at 7:12 pm #1586612

Hi,

Please take a look at this website: http://newportchildcarecenter.ca/

I would like to create the menu area not full width with the top right and top left curved.

Then, at the bottom where the white ends have the bottom right and left curved.

How can I do this?

Thanks,
Leanne

December 18, 2020 at 9:10 pm #1586666

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know :)

December 18, 2020 at 9:52 pm #1586691

Yes. I am trying to recreate this website http://newportchildcarecenter.ca/ in WordPress.

For now, I have it here: https://lnftwd.com/ I will move it later.

I want the top corners of the navigation menu to be rounded. And the bottom two corners of the white area (just above the footer) to be rounded.

Thanks.

December 18, 2020 at 10:27 pm #1586703

Try this:

.main-navigation {
   border-radius: 50px 50px 0 0;
}
.one-container .container {
    border-radius: 0 0 50px 50px;
}

December 18, 2020 at 10:33 pm #1586705

That worked perfectly. You are amazing!!!

December 19, 2020 at 1:21 pm #1587477

No problem :)

This archived topic is closed to new replies.