Using Modula Link you will be able to create buttons or links for your galleries. You can use the shortcode or the Gutenberg Modula Link block to directly open a gallery in lightbox view, by clicking on it. The button is also fully customizable – with various control types, ranging from font size to button size.
Modula Link Block
To use the button block go to your dashboard > edit the page where you want to add it to > and click on the ‘+’ sign to add a block > search for Modula Link > and select your gallery > and add the text for the button.
After you added the text you can do ahead and customize it. Below are the settings available.
1. Preset size: the size of the text inside the button. It can be:
- small
- medium
- big
- default (16px)
- custom – you can enter the size in pixels.
2. Button size: the size of the button. You can select from:
- small
- medium
- large
- extra large
3. Button text color: choose the text color by either entering the color’s value in hexadecimal or using the color picker. If you want to add the color’s value in RGB or HSL you can do that by clicking the arrow next to the fields.
4. Background color: choose the color for the button’s background. You can enter the color’s value in hexadecimal or use the color picker. If you want to add the color’s value in RGB or HSL you can do that by clicking the arrow next to the fields.
5. Hover text color: enter the text’s color that will be shown only on hover.
6. Hover background color: choose the background color for the hover – when a visitor hover over the button it will change to the one entered here.
7. Border type: select the type of border the button will have.Options are:
- solid
- double
- ridged
- dotted
8. Border width: use the slider to choose a border width or enter it manually in the field (pixels).
9. Border color: choose the color for the button’s border. You can enter the color’s value in hexadecimal or use the color picker. If you want to add the color’s value in RGB or HSL you can do that by clicking the arrow next to the fields.
10. Border radius: use the slider to choose a border radius or enter it manually in the field (pixels).
Modula Link Shortcode
To use the shortcode go to your dashboard > Modula > Galleries > and copy the link shortcode, like in the image below.
Then go to Pages > edit the page where you want to add it to > and click on the ‘+’ sign to add a block > search for the shortcode block > and paste the shortcode there.
Click on an image to open the lightbox
Normally this shortcode acts as a button to open a lightbox, but you can add an <img> tag inside the shortcode to display an image and then when you click on it it will open the lightbox.
For example: [modula-link id=”GALLERY ID HERE”]<img src=”IMAGE URL HERE”>[/modula-link]
