banner – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Tue, 05 Aug 2025 12:24:12 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 How to Apply Inverted Border Radius to Images, Banners, Video, Content Box and Service Box? https://xtratheme.com/docs/theme-options/how-to-apply-inverted-border-radius-to-images-banners-and-service-box/ https://xtratheme.com/docs/theme-options/how-to-apply-inverted-border-radius-to-images-banners-and-service-box/#respond Tue, 05 Aug 2025 12:18:36 +0000 https://xtratheme.com/docs/?p=4785

Inverted Radius Settings for Enhanced Visual Styling

Step 1
XTRA

This feature allows you to apply inverted border radius to various elements including images, banners, content boxes, videos, and service boxes. Instead of rounding corners inward (the traditional way), you can now create cut-out or concave corner effects, giving your layout a more dynamic and creative look.

You’ll find these options in each element’s Content tab under the Inverted Radius section.



To use this feature, simply add one of the supported elements—Image, Banner, Content Box, Video, or Service Box—to your page.

This is perfect for modern or minimal designs and lets you enhance visual interest without writing any custom CSS.

Inverted radius
]]> https://xtratheme.com/docs/theme-options/how-to-apply-inverted-border-radius-to-images-banners-and-service-box/feed/ 0 Element: Banner https://xtratheme.com/docs/page-builder/element-banner/ https://xtratheme.com/docs/page-builder/element-banner/#respond Sun, 16 Jun 2024 18:47:56 +0000 https://xtratheme.com/docs/?p=1399

Video Tutorial

Description and Screenshot

Step 1

Image box banner with title, caption and awesome hover effects and styles, Every parts are customizable, background, colors, borders, etc.

Banner 2
  • Style – Over 22 predefined styles and hover effects
  • Title – Set box title, each style title position is different
  • Caption – Set caption text, this usually showing below title
  • Link – The URL where the link from the button leads to
  • Image – Upload your own image for banner box background
  • Image size – You can set customize size for background if its too big
  • Image opacity – Box background image opacity percentage
  • Image hover opacity – Hover background image opacity percentage
  • Container Styling – Overall container styling padding, background, border, etc.
  • Title Styling – Title styling color, typography, etc.
  • Caption Styling – Caption styling color, typography, etc.
  • Background layer – Background shape with offset to out sides of container
  • Advanced tab – Responsive, Animation, Parallax, etc.
]]> https://xtratheme.com/docs/page-builder/element-banner/feed/ 0