Tabs with their own icons/pictures + modal window with settings

Unite professionals to advance email dataset knowledge globally.
Post Reply
hasinam2206
Posts: 18
Joined: Sun Dec 22, 2024 4:29 am

Tabs with their own icons/pictures + modal window with settings

Post by hasinam2206 »

If you want to replace the icons in the tabs with your own (pictures or icons), use a simple solution.

You can work with an empty section or any other. Click on the double squares in the upper left corner and select "Import":

alt

We insert our code (triple click will help telegram gc philippines you select all the code at once without scrolling) and click "Save".

alt

Image

As a result, we get tabs where you can replace images. This is a great solution to systematize the information on your page and more clearly present different groups of goods or services.

alt

Button with modal window

This solution will allow you to easily replace the modal window background, hide or customize the title, and edit the close cross.

Let's install a button with a window on the section. Open a modal window and click on the duplication icon of the "Text" widget in the form of double squares (if you can't do this, hold down Shift when clicking on the double squares to access the export/import menu):

alt

Select "Import" and paste our code into the window (to select the entire code at once, just triple-click):

alt

Now when you click on the "Wrench" in the HTML code widget, a menu will be available to control the modal window : main settings (1) and additional settings (2).

The main settings allow you to set the background, round corners, and hide the title:

alt

And additional settings are created to control the cross:

alt

You can take a detailed look at all the possibilities here:alt

Important: the changes you make will apply to all modal windows on the page. It is advisable to set the most optimized image in the window background, but if it is "heavy", then you should disable lazy loading in the "Page" menu.

Good luck and inspiration to you!
Post Reply