Adding hyperlink to footer content, and changing the font and font size to the footer content

Support
#1

My current footer content is:

©, LABGISTEX INC. (click for license)

I would like to add a hyperlink to the (clink for license)

My url is: labgistex.com

#2

Hello @murphytravis,

Thanks for asking. :slight_smile:

You hyperlink the text by adding following code in X > Launch > Options > Footer > Footer Content:

©, LABGISTEX INC. <a href="URL goes here" style="outline: none;">(click for license)</a>

Please replace text URL goes here with the target URL.

Can you please elaborate the question regarding font and font size as I don’t see content in footer section?

Thanks.

1 Like
#3

Thank you! That worked great!

How do I increase the font size of the same content?

#4

To be clear, I want to increase the content of all footer content.

#5

Hello There,

Thanks for updating in! To increase the font size of all your footer content, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-colophon.bottom .x-colophon-content {
    font-size: 16px;
}

Feel free to change the font size.

#6

THank you! How to I bold the footer content?

#7

How do I space the sitelock icon and the copyright info in the footer?On my website it lists them side by side. For example:

Website security

Copyright ©, LABGISTEX INC. <a

#8

.x-colophon.bottom .x-colophon-content {
font-size: 16px;
}

I used the code above and changed it size to 32, but it did not update the footer content on my site.

#9

Hi There,

Please find this custom CSS:

{.wpcf7 select, .wpcf7 textarea, 
.wpcf7 input[type="text"], 
.wpcf7 input[type="password"], 
.wpcf7 input[type="datetime"], 
.wpcf7 input[type="datetime-local"], 
.wpcf7 input[type="date"], 
.wpcf7 input[type="month"], 
.wpcf7 input[type="time"], 
.wpcf7 input[type="week"], 
.wpcf7 input[type="number"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="url"], 
.wpcf7 input[type="search"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="color"] {
    font-weight: bold;}

And change to this:

.wpcf7 select, .wpcf7 textarea, 
.wpcf7 input[type="text"], 
.wpcf7 input[type="password"], 
.wpcf7 input[type="datetime"], 
.wpcf7 input[type="datetime-local"], 
.wpcf7 input[type="date"], 
.wpcf7 input[type="month"], 
.wpcf7 input[type="time"], 
.wpcf7 input[type="week"], 
.wpcf7 input[type="number"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="url"], 
.wpcf7 input[type="search"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="color"] {
    font-weight: bold;}
#10

That didn’t bold the footer content either. How do I space the sitelock icon and the copyright info in the footer?On my website it lists them side by side. For example:

Copyright ©, LABGISTEX INC. (click for license)

#11

Hi There,

For styling issues, please free to use browser developer tools to inspect element and check current CSS. See this: https://screencast-o-matic.com/watch/cb6e2rIam1
Since you have this custom CSS :

 .x-colophon.bottom .x-colophon-content {
    font-size: 34px;
}

Update that CSS to this:

 .x-colophon.bottom .x-colophon-content {
    font-size: 34px;
   font-weight: bold;
}

As you can see that part of your CSS is not working yet and the font size of your footer bottom is still small. That is the reason why on the previous reply it was ask you to update that part. There is extra { that is causing CSS syntax error.

What do you mean space? Please be specific so we can give more detailed suggestion.

Hope this helps.