Custom css applied to only a specific section

L A
23 Posts
L A posted this 27 May 2020
Ask a Question

Hello,

I would like to make rounded images in the gallery by adding custom css. Can you advise me how I would be able to do this without affecting the other images on the page?

Now I'm using the css line

img {
border-radius: 50%;
}

but all other images on the page are being rounded as well. Is there any way to narrow the code down to only a specific block or so?

Thanks!

Hello, I would like to make rounded images in the gallery by adding custom css. Can you advise me how I would be able to do this without affecting the other images on the page? Now I'm using the css line img { border-radius: 50%; } but all other images on the page are being rounded as well. Is there any way to narrow the code down to only a specific block or so? Thanks!
custom-css image-gallery
Vote to pay developers attention to this features or issue.
3 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 27 May 2020

Hi,

Nicepage Gallery control supports border-radius for images if the Border is enabled.
If you want to use custom CSS please try the following class:

.u-gallery-item
{
...
}

Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
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, Nicepage Gallery control supports border-radius for images if the Border is enabled. If you want to use custom CSS please try the following class: .u-gallery-item { ... } Please let us know if you have any further questions. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
L A
23 Posts
L A posted this 27 May 2020

Ok great thanks a lot. I found another way to go about it as well if anyone else should have the same question in the future. That is with a hashtag + the block anchor before the css code.

Example (lets say the block anchor is "abc123"):

#abc123 img {
border-radius: 50%;
}

Ok great thanks a lot. I found another way to go about it as well if anyone else should have the same question in the future. That is with a hashtag + the block anchor before the css code. Example (lets say the block anchor is "abc123"): #abc123 img { border-radius: 50%; }
Support Team
Support Team posted this 28 May 2020

Hi Lina,

Yes, the block anchor can be also used to identify the element.

...................................................
Sincerely,
Hella
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 Lina, Yes, the block anchor can be also used to identify the element. ................................................... Sincerely, Hella 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