Rounded Header section with margins

Vitaliy WD
179 Posts
Vitaliy WD posted this 06 February 2022
Ask a Question

Hello.

How can I add margins to Header and round it without Custom CSS? Please see screenshot below.

enter image description here

When I add margin to header in Nicepage - it's actually padding, not margin. Why it's so?
And where can I set border radius for Header section?

I can easily do it with Themler - your second template building software. But can't find out how it's possible with Nicepage.

Hello. How can I add margins to Header and round it without Custom CSS? Please see screenshot below. ![enter image description here][1] When I add margin to header in Nicepage - it's actually padding, not margin. Why it's so? And where can I set border radius for Header section? I can easily do it with [Themler][2] - your second template building software. But can't find out how it's possible with Nicepage. [1]: https://i.postimg.cc/wjN6gwhV/nicepage-rounded-header.png [2]: https://themler.io/

Last edited 06 February 2022 by Vitaliy WD

header
Vote to pay developers attention to this features or issue.
5 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 06 February 2022

Hello Vitaliy,

You can't add a border-radius to the Header, but please use the Shape element, add it inside the Header, and include all header elements inside the shape with rounded corners.
If you will face any difficulties, please tell us we will try our best to help you .
...................................................
Sincerely,
Negat Veri
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello Vitaliy, You can't add a border-radius to the Header, but please use the Shape element, add it inside the Header, and include all header elements inside the shape with rounded corners. If you will face any difficulties, please tell us we will try our best to help you . ................................................... Sincerely, Negat Veri Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
Vitaliy WD
179 Posts
Vitaliy WD posted this 07 February 2022

Thank you for answer. It's really workaround. I need to copy Shape element on each page manually?

Thank you for answer. It's really workaround. I need to copy Shape element on each page manually?

Last edited 07 February 2022 by Vitaliy WD

Support Team
Support Team posted this 07 February 2022

Hi Vitaliy,

The header should be the same on all pages, but if you use a shape, maybe you'll need to copy it. Please try and let us know.
...................................................
Sincerely,
Lilioneta
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Vitaliy, The header should be the same on all pages, but if you use a shape, maybe you'll need to copy it. Please try and let us know. ................................................... Sincerely, Lilioneta Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
Vitaliy WD
179 Posts
Vitaliy WD posted this 07 February 2022

Thank you for answer.

Yep. If I need specific Header area, I need to use shape for this, as Header section limited in Nicepage. But shape need to copy on each page manually, that is not very comfortable.

For this task Themler will be more comfortable and easy to use. Hope that Nicepage sometime will be advanced and easy to use as Themler.

Thank you for answer. Yep. If I need specific Header area, I need to use shape for this, as Header section limited in Nicepage. But shape need to copy on each page manually, that is not very comfortable. For this task [Themler][1] will be more comfortable and easy to use. Hope that Nicepage sometime will be advanced and easy to use as Themler. [1]: https://themler.io/
Support Team
Support Team posted this 07 February 2022

Hi Vitaliy,

We are sorry that for now, we couldn't recommend a more comfortable way to achieve such a design.
Thanks for your opinion, our goal is to make our product easy to use for everyone and we plan to add more and more features with each update.
If you have any other questions - we will be happy to help!
...................................................
Sincerely,
Negat Veri
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Vitaliy, We are sorry that for now, we couldn't recommend a more comfortable way to achieve such a design. Thanks for your opinion, our goal is to make our product easy to use for everyone and we plan to add more and more features with each update. If you have any other questions - we will be happy to help! ................................................... Sincerely, Negat Veri Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments

Company
Product
Themes & Templates
Nicepage
Web Design