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 add the text you can go 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 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, click 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, click the arrow next to the fields.
5. Hover text color: enter the text’s color shown only on hover.
6. Hover background color: choose the background color for the hover – when a visitor hovers 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, click 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
Usually 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]
For a more detailed tutorial on how to make an image to open the lightbox when you click on it, go to our dedicated knowledge base article.
