Link text & spacing

[fortknoxusa]

how to link text to a page?

Also how to add space under a headline as in the private group/ walk on section

[rad]

Hi @fortknoxusa,

Thanks for writing in.

You can implement links in two ways, using a button or adding HTML code. Example, in the builder, you can simply add a button using the builder and add the link to the URL option

That should be available if you once you inspect the button.

Another one is adding HTML code to the text element within the builder, an example is this

<a href="http://example.com">this should link it</a>

The editor has a link option too instead of coding it, like this

About the spacing of the headline, simply inspect your headline and add margin or padding similar to this

All of those are available in the builder once you inspect the said elements.

Thanks!

[fortknoxusa]

Thanks. When I added a link the text turned red. How can I make it so the text stays white and then when hovered turns red?

Also, what is the symbol or code to add space in a paragraph? I am trying to have the text under “private groups” section to not be so wide spread and when I tried to add padding it worked but it wasn’t centered under the image any more if that makes any sense.

[Prasant]

Hello @fortknoxusa,

Thanks for asking.

There are couple of ways to change color, inline CSS and adding Class. You can change the code shared by my colleague @Rad with following to change color.

Inline CSS:

<a href="http://example.com" style="color: #000;">this should link it</a>

Class:

<a href="http://example.com" class="change-color">this should link it</a>

Then add following CSS under X > Theme Options > CSS:

.change-color {
    color: #000;
}

You can change class name as per requirement. Here is a screencast.

To center align the text you can use Text Align center button under Text Style. Here is a screencast that you can take a look.

Let us know how it goes.

Thanks.