Customizing Link Box

How to add two type of text in link box


When you want your text to be next to each other in a link box, you need to set 4 styles as given below:

Drop the Link Box Component and then drop 2 text or header components inside it. Increase the width of the link box component, so that you can easily drop the text or header components inside it.

#1. Set the Text/header Component as Left Aligned.

Screenshot 2022-05-02 at 5.02.30 PM

#2. Set the Width/Height as Auto

Screenshot 2022-05-02 at 5.04.13 PM

#3. Set the Display as Inline on the Heade/Text Component
Screenshot 2022-05-02 at 5.05.16 PM

#4. Set space between them by adding margin left/right (optional)

Screenshot 2022-05-02 at 5.06.29 PM

This will add some horizontal space between them.

Your component will look like this:
Screenshot 2022-05-02 at 5.07.39 PM

While preview or publish, it will look like below: and obviously it will be clickable.

Screenshot 2022-05-02 at 5.08.23 PM

it’s working , Thanks