Veena Documentation
Submit a TicketLive Chat
  • Webibazaar Support
  • Veena Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
    • Promotional Popup
  • Sections
    • Rich text
    • Slideshow
    • Collection list
    • Featured collection
    • Collage
    • Text with icons
    • Image banner
    • Video
    • Lookbook
    • Testimonials
    • Logo list
    • Blog posts
    • Featured product
    • Collapsible content
    • Icon banner
    • Image with text
    • Multicolumn
    • Counter
    • Countdown timer
    • Multirow
    • Contact form
    • Scrolling bar
    • Custom text
    • Newsletter
    • Hero banner
    • Compare image
    • Countdown timer
    • Information bar
    • Lookbook
    • Sponsored product
    • Product with offer banner
    • Countdown date in product card
  • Footer
  • Age verification popup
  • Theme Settings
    • Logo
    • Colors
    • Typography
    • Layout
    • Animations
    • Sticky offer
    • Buttons
    • Variant pills
    • Inputs
    • Product card review
    • Product cards
    • Collection cards
    • Blog cards
    • Content containers
    • Media
    • Dropdowns and pop-ups
    • Drawers
    • Badges
    • Social media
    • Search behavior
    • Currency format
    • Cart
    • Checkout
    • Custom CSS
  • Product page
    • Countdown timer
    • Quick order list
  • Collection Page
    • Collection banner
  • Color swatches
  • Page
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Dynamic source of color swatch variant image
  • how can reset all the changes I made?
  • Turning your website layout from right to left
  • Use of 'Translate & Adapt' App
  • Continue selling when out of stock
  • Collection filter color swatch from metaobject
  • Quick Links
  • Change Log
    • Version 1.0.7
    • Version 1.0.6
    • Version 1.0.5
    • Version 1.0.4
    • Version 1.0.3
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  1. Sections

Image with text

PreviousIcon bannerNextMulticolumn

Last updated 10 months ago

Add an image with a title, description, and Button. Choose the size of your image and upload it.

Setting
Description

Image

Use "Image" to add the image to the section.

Image height

Customization of the "Image height" in the Image with text section is as follows:

  • Adapt to image

  • Small

  • Medium

  • Large

Desktop Image width

Below, you will find customizations for adjusting the desktop image width within this section:

  • Small

  • Medium

  • Large

Desktop image placement

The desktop Image customization section is as follows:

  • Image first

  • Image second

Desktop content position

Desktop content position customization of the text in the section is as follows:

  • Top

  • Middle

  • Bottom

Desktop content alignment

Customization of text alignment in desktop devices is as follows:

  • Left

  • Center

  • Right

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Animations

Customization of the "Image behavior" in the Image with text section is as follows:

  • None

  • Ambient movement

By employing the Ambient movement feature, the image will exhibit motion.

Mobile layout

Mobile content alignment Customization of text alignment in mobile devices is as follows:

  • Left

  • Center

  • Right

Add block

To add blocks to the Image with text section, click on the 'Add block'. There are many options available , as you can see in the below points and screenshot.

Block
Description

Heading

Sub heading Click on the "Add block" and select the Heading. And enter text to display as a sub heading in the section. Heading Enter text to display as a title in the section. Heading size

Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

Text

Show icon

In the section, show icon customization is as follows.

  • Hide

  • Image

  • Present icon

Image You can replace the icon with your own image by adding an image of your choice. Icon

In the section, the icons are given to select. are for selecting:

  • None

  • Flash sale

  • Apple

  • Banana

  • Bottle

  • Box

  • Carrot

  • Chat bubble

  • Check mark

  • Clipboard

  • Dairy

  • Dairy free

  • Dryer

  • Eye

  • Fire

  • Gluten free

  • Heart

  • Iron

  • Leaf

  • Leather

  • Lightning bolt

  • Lipstick

  • Lock

  • Map pin

  • Nut free

  • Pants

  • Paw print

  • Pepper

  • Perfume

  • Plane

  • Plant

  • Price tag

  • Question mark

  • Recycle

  • Return

  • Ruler

  • Serving dish

  • Shirt

  • Shoe

  • Silhouette

  • Snowflake

  • Star

  • Stopwatch

  • Truck

  • Washing

  • Chat

Content Click on the "Add block" and select the text. And enter text to display as a Content in the section. Text style

Customization of the "Text style" in the Image with text section is as follows:

  • Body

  • Subtitle

  • Uppercase

Author details

Image Used image to add to the author image in the section. Image type

Customization of the "Image type" in the Image with text section is as follows:

  • Original

  • Circle

  • Rounded rectangle

Name Enter text to display as a author name in the section. Text Enter text to display as a author position in the section.Click on the "Add block" and select the Button.

Button

Click on the "Add block" and select the Button. Button label Use "Button label" to add a label to the Button in the section. Button link Use "Button link" to add a link to the Button in the section. Open this link in a new window By using the "Open this link in a new window" option, the link will open in a new tab. Button style

Customization of the "Button style" in the Image with text section is as follows:

  • Link

  • Outline button

  • Solid button

Live Chat Support | Webibazaar Template
Logo