Tabs with their own icons/pictures + modal window with settings
Posted: Sun Dec 22, 2024 5:52 am
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
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!
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
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!