In this post, I’m going to show you how you can save time by copying or duplicating your Thrive Architect elements to help you design your web page faster than having to do each and every element manually over and over again.
One of great things about using Thrive Architect is that you could use a duplicate function, especially if you’ve got more than one element on the page that you want to have the same look, feel, and design structure.
In a previous post, I gave a brief overview of Thrive Architect and the advantages of using it, especially if you want to create a mobile responsive web page. You can go ahead and check that out if you want to know more about Thrive Architect by clicking here.
Watch the video:
How can you create a web page in seconds?
For my site, I’m currently editing my resources web page. I have a lot of resources that I want to put on this web page, and they need to have a uniform layout and design for each resource. If you have elements in your page that you also want to have similar designs, layouts, and structure, you can also do this to easily and quickly create your web page.
Instead of recreating each one from scratch and doing it manually, you can easily use the duplicate function, which is an option in Thrive Architect for each element.
Now, for my resources page, I have a three-column layout. I have several elements in a row such as the button element, the paragraph text, and a custom HTML element. If you hover over each one, there’s a widget for each. All of these are within another element which is called the column container.
To easily duplicate all these elements, I just need to click on the column container to see the two immediate functions on the upper-right hand corner which are the duplicate function (page icon) and the delete button (trash can icon).
I just need to click on the duplicate icon and all the elements are copied in the row below.
How can you make the web page mobile-responsive?
So, everything has been recreated with the same styling. This means that they’ve been recreated with all of the mobile-responsive styling. Remember that when using Thrive Architect, it automatically adjusts your web page for all the different views. That’s one of the reasons why it’s so awesome.
I want to still quickly check how it looks like on mobile. So, I click on the Responsive View and click on mobile just to test that it works.
Both elements are exactly the same and look alright even when viewed in mobile.
Now, obviously, I don’t want to keep it that way. I want to go back in and edit a few things because I want to have another item in there. I’ll need to change it to SiteGround, which is another hosting provider that I recommend. I just need to edit the image and the text, and it should be good to go.
It’s that simple and very easy. And again, not a single line of code written to get a nice, professional-looking design for your web page.
If you haven’t gotten a chance to check out Thrive Architect, please go ahead and do so because you won’t be disappointed.
Watch out for some more Thrive Architect tips and tricks in the next posts.
Creating your own web page? Let me know how it’s going by leaving a comment below. I’d love to hear from you! 😊