Page 1 of 1

Custom Footer: how to change font style & buttons of internal links?

Posted: 14 Jan 2022, 11:13
by Falcon
Hello,
I’m a new member and need a helping hand from your side – thanks a lot!

Unfortunately, I was not able to find an information concerning my problem.
I’m going to modify the footer of my website (using some link-buttons and text-links to internal pages, please see below), however I have some trouble with the correct display.
I’ve used a simple code (please see below) to set some text- and link-buttons inside "settings-->Custom Footer" but I was not able to change the look (font style and buttons)

1.)     disable italic font (of the font and the buttons)
2.)     create some space between the buttons

I believe the font settings are coming from the side CSS, but where and how to change?
I was not able to find some html-parameters or panel options to solve my problem, except some html-options to set the font colour.

I’ve seen on other X3-websides that it works fine in the footer (please see screenshot attached),
but I’m lost and need some help from your side. Thanks!  :slight_smile:

my poor code:
  <a  class="button small" href="https://www.test.net" target="_self">home</a>
  <a  class="button small" href="https://www.test.net/contact" target="_self">kontakt</a>
  <p><a href="/Impressum/">Impressum</a> | <a href="/Datenschutz/">Datenschutz</a>

X3-version: X3.30.1 (Private License)

Again, thanks for any hint/information  :slight_smile:

Re: Custom Footer: how to change font style & buttons of internal links?

Posted: 14 Jan 2022, 23:21
by mjau-mjau
Falcon wrote:1.)     disable italic font (of the font and the buttons)
2.)     create some space between the buttons
There would be a few ways to achieve this, and the best would be to add some custom CSS. However, since there are only a few elements, the easiest is probably to just add inline styles. My suggestions:
Code
<a class="button small" href="https://www.test.net" target="_self" style="margin-right:5px;font-style:normal">home</a><a class="button small" href="https://www.test.net/contact" target="_self" style="font-style:normal">kontakt</a><p style="font-style:normal"><a href="/Impressum/">Impressum</a> | <a href="/Datenschutz/">Datenschutz</a></p>
Notice the style="" attributes.

Re: Custom Footer: how to change font style & buttons of internal links?

Posted: 15 Jan 2022, 15:41
by Falcon
Hi mjau-mjau,
Thank you very much! This is the solution I was looking for and it works perfectly!
I tested some of these inline styles before but without success (I made some mistakes concerning the syntax).
However, your code is working perfect and it’s easy as well and looks really great - awesome!  :thumbsup: :clap:
Again, thank you so much for your fast reply and great support!!
:relaxed: