Do you need to showcase multiple images in a gallery-like display? There are quite a few options to get the intended result. Scroll through Newspaper Theme’s front-end page builder, the tagDiv Composer, until you find these three elements: the Image Box, the Image Info Box, and Title over Image. Each one can achieve the intended result differently, so which one do you pick?
Presenting the tagDiv Image Box element
When you first drag this element into an open row, you’re going to be faced with 3 grayed out boxes that need to be fitted in with content. How do you do that? Click on the element and in the “Images” tab, upload 3 – 4 photos. If you want to add a title to the images, write it in the “Custom Title” box. Attach a link your audience can click on, or maybe use it to link to the source and credit the photo.
From the “General” tab, alter the gap between the images. Increase the space between to create wider blank space, or altogether get rid of it by typing “0.” From the “Box Style” dropdown menu of the tagDiv Image Box, you can change the presentation. “White box” displays the photo’s title in a white box in the center of your image, whereas the “With Border” sets a dark overlay on top of the photo to make the title more visible. Moreover, from the “Layout” menu, choose either “Horizontal” or “Vertical” and the photos can appear one after the other or one above the other.
Add a call-to-action to your photo with the Image Info Box
It’s easy to capture the interest of the readers with this tagDiv Composer element and it also works exceptionally well with a product or service you wish to sell. Drag and drop the Image Info Box into a page to start. From the “General” tab, upload the image and adjust its height. Add a title, the description of the product or photo, and then write a call-to-action.
“Buy now,” “Read More,” “Download” are all great call-to-actions. What is your product or service? What do you want the users to do with it? Compose a compelling line in the “Button text” box, and then you can see it alongside the title and description.
In the “Style” tab, change the design. If you leave it on “Animated,” the call-to-action pops up on hover only, whereas if you choose “default,” it’ll be a static one. Make adjustments to the various colors here: the overlay, title, description, borders, button, and many more. From the “Button Style” dropdown menu, choose the appearance of your box. For example, “Circle animation” has a circle enlarge itself on the background of the button upon hover. Choose whatever feels right for your website and to your branding.
Introduce the Image’s Author with the Title over Image element
Effortlessly credit someone’s work through Newspaper Theme. With the “Title over Image” set into a page, click on it to open the General Settings tab. From here, you can write the title of the photo and in the “subtitle text” box, add the name of its creator. Upload the photo, choose its size, and uncheck the “Show Title only on hover” box to have its text only appear when the reader puts his cursor over it.
In the “Style” tab, you can access various design adjustments. What color do you want the title and subtitle to be? You may need an overlay gradient or solid over the photo to make it more visible against the contrast of the image. How about you add an overlay only upon hover? This way it shows when the text appears. Adjust its opacity, choose the typefaces, and you’re done!
What type of gallery do you plan to showcase? Do you need to display a series of products, multiple images in a row, or want to credit the source? Whatever the case may be, you can find the perfect solution for each situation with tagDiv Composer’s elements from Newspaper Theme. Now you know how to best use the tagDiv Image Box, Title over Image, and Image info Box elements.
Try out the shortcodes and tell us which one you prefer and the reasons why in the comment box below!