Border-radius

Roland,

Thank you for your feedback!
We've added your request to our wish list and our developers will implement this feature in the future Nicepage updates.

...................................................
Sincerely,
Eugene
Nicepage Support Team

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

It's very nice Eugene, but I working with a client that need border-radius now.
The website will be delivered on saturday.
Can I use some css added code ?
Many thanks for your anwser.
Roland

Roland,

1. Please click to the Cell where you want a border radius and add Css class 'border-radius':
   

2. Click to Edit Css button and add following css:

   .border-radius > * {
   border-radius: 20px;
   }

Changes will be shown in the Live preview, but not in the Editor.

...................................................
Sincerely,
Eugene
Nicepage Support Team

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

Thanks it seems to be working ... but (there ise always a BUT)
look at my screen copy on attach file
The cell is white color ...

Roland,

Let's change CSS to following one:

.border-radius > *,
.border-radius:before {
  border-radius: 20px;
}

This should work only if you have Color Fill in the cell.

...................................................
Sincerely,
Eugene
Nicepage Support Team

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

Now it's working very well and I think it can be usefull for other nicepage users !
Thanks Eugene
Have a nice day !

Excellent! I was looking for this too.

Hi Eugene,
I have tried applying this in multiple ways to an image to no avail.
Is there a trick, other than basically following the above instructions that apply to the grid cell?
Mark

Hi Roland,

Please specify do you try to apply border-radius for grid cell with background image or just for the Image control?
For grid cell with background image then try the solution provided above with a little different code:

.border-radius  {
border-radius: 20px;
}

But if you added Cell Gap the border-radius will not work.

...................................................
Sincerely,
Susanna I.
Nicepage Support Team

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

Last edited 29 August 2019 by Support Team