How to make overlapping sections or images in Tapita
Normally, the sections on your page are stacked on top of one another as separate sections.
However, sometimes you want some sections/images to overlap for better visual effect, like in our template Contact Us 4, or this blog template SM Global. This tutorial will show you how to do that.
Here we created two separate sections. Let's call them Upper and Lower.
Now, we want the paragraph in the Lower section to move up and overlap on top of the Upper section so it will look like this:
Let's find out how to do that.
First, you need to make sure the sections that you want to overlap each other are both children of the same parent element. For example, our Upper and Lower are both children of "Home", which is our root element.
Now, to make the Lower section to move up and overlap on top the the Upper section, we only need to enter a negative number for the Margin Top for Lower Element.
That's it!
To make it look like only the paragraph move up and not the whole section, we make the paragraph's background white and the outer section's background to be transparent (Opacity 0%).
Related Articles
3. Understand Tapita Sections and Elements relationship and management
Tapita templates use Sections to create your ideal layout. Most sections are made up of Elements that serve a specific function, such as headers, text, single images, a collage of images, or links. Using sections and elements in your templates ...4. Learn about Tapita page builder Sections and Elements
z age Sections and Elements are an essential part of a page builder tool like Tapita. Once you've mastered the sections and elements, then you've mastered Tapita! You can learn more about Tapita Sections and Elements relationship and management. Some ...5. Tapita Pre-made Sections
Understand the need of cut down on building time, Tapita has created a series of Premade Sections (learn more about Tapita Sections and Elements) that covers quite a fews functions that you can quickly add to your page. This ranges from premade ...How to download images from Tapita?
Tapita does not have image download feature. However you can still download images by simply right click > Save Image As. This can be used any where, from live page, builder dashboard, or from Tapita Image Library.General checklist for starting with Tapita
This checklist outlines all the steps that you need to take to get started with Tapita. These steps will help guide you to understand, create and publish your page with Tapita. You might find it helpful to print this checklist or to download it as a ...