Black Friday Sale! Save up to 50% off!
  1. Home
  2. Features
  3. Web Page Elements
  4. Image Gallery Element
  5. Gallery Image Radius

How to change the Corner Radius for your Gallery images

The Gallery Images can have the Radius, making your Galleries look more interesting and diverse. To enable the Radius for Gallery Images, select the Gallery, then Image Style in the Property Panel. Please drag the Radius Slider or enter its value to rouse the corners of the Gallery Images.
Learn more

Browse By Feature Categories

Web Page Elements
Supported Systems
Visual Page Editor
Design Elements
Media Libraries
Element Properties
Responsive
Animation Effects
Theme Settings
Contact Form
Header & Footer
Blog
E-Commerce
SEO
Custom Code
Application Features
Site & Page Properties
WordPress Widgets

Everything You Need To Create Your Free Website

Use our Website Builder to design and create websites without coding. Drag and drop anything you want, to any place you want it. The Website Creator automatically adapts your website for mobile to make it responsive. Choose from more than 15,000 customisable website templates.

Download for Windows Download for Mac

Related Features

Gallery Layout Change

The Gallery in Nicepage is a transformable Element, which you can easily convert to the Carousel, Slider, Slider With Thumbnails, and Slider With Captions. Select any Gallery in a Block and go to the Property Panel. Click the Layout Property Icons to apply the Layout Change.
Gallery Text Style
Gallery Text Style

As with any other Text on your web page, you can change the font parameters for the Gallery Texts, both Heading and Text, separately. For that, select a Gallery, then in the Property Panel to the right,-lick the Text Style Link. In the next Panel, modify the Texts' properties and see the preview of your changes in the Editor. Please note that you need to have the Gallery Text, which you need to enter in the special fields.
Gallery Image Text

For the Gallery Layouts like Caption and Slider, you can add the Heading and Text describing the Gallery Image. When your visitors click on the Image Lightbox Mode, you can see these texts in the Image Lightbox Mode. To show Gallery Image Texts, select the Gallery and then change its layout to show texts. Go to the Property Panel, then enter texts into the special fields.
Image Gallery Lightbox

The Image Lightbox option allows you to enlarge a Gallery Image to preview it in detail. This option is available for the Grid Layout and enabled by default. However, if you need to disable or reenable this Property, you can select a Gallery on your web page then go to the Property Panel. Click the Imag Style link, then check the Image Lightbox checkbox on the next Panel.
Gallery Image Hover Animation

The Gallery looks more attractive on your web designs if it interacts with your visitors. Therefore, you can add it in the form of the Animation On Hover for your Gallery Images. Select your Gallery, then go to the Property Panel. Click the Image link in the Animation section, and choose the Animation On Hover Effect for your Gallery Images on the next panel.
Gallery Text Hover Animation

You can add the Animation On Hover for the Gallery Texts, making your web designs even more interactive and attractive for website visitors. Select the Gallery. If the Gallery Layout has texts, go to the Property Panel. Add Texts and then click the Text Layer link in the Animation section. Click one of the Presets and customize the Animation On Hover Effect if needed.
Image Gallery Gap

The Gallery Images can have similar palettes and colors and sometimes it is hard to distinguish them on a web page. You can easily add the spacing between the Gallery Images by increasing the Gap in the Property Panel. Select your Gallery then go to the Property Panel to the right and drag the slider of the Gap Propperty.

Free Templates with Image Gallery Element

Get started with our best templates, great for any business. Create and customize them with our powerful and free website builder with no code. All templates are mobile-friendly and look excellent on any device.

How to Change The Radius On Gallery Images

Image galleries in modern web design are very popular. The greatest advantage of photo galleries is their ability to quickly connect what the user sees on a Web page to the real world of living people and physical objects. Many users add rounded corners to the images, making the image gallery more beautiful. Similar to the custom CSS, it enables to addition radius for the gallery images. You can select the gallery and change the image gallery radius from the property panel. You can drag the radius slider and change the radius options for your images. You can also enter different radius values to make the circle and corners on the images.

Rounded corners give the galleries more dynamism and a nice look. As the CSS property radius adds the rounded corners on gallery images, similar you can make with Nicepage. You might round all corners of the picture or only select corners, modify the range for different corners, and display the image like an eye, oval, or circle. You are also enabled to add circular Images to the pages. Using SVG and jpg images, you can make your web pages more interesting for visitors. Rounded corners help you give attractiveness to the images inside the image gallery. Pictures aren't just about the beauty factor. In user experience design, images play a huge role in enhancing usability.

Most web users are visually guided, meaning they perceive pictures faster than text. So, if you want to create (CSS has not required) a modern site with a powerful look, visit Nicepage. They will make your web design creative and attractive. When you have the corners with the looking you want, you can add your styles (without the CSS property and options). Depending on the site's purposes, creative and marketing teams choose among different types of images. Besides, it is common in web design to apply the effect on the images for more interactiveness. Using Nicepage, you can create from images a wonderful gallery.

Company
Product
Themes & Templates
Nicepage
Web Design