Search…

X3 Photo Gallery Support Forums

Search…
 
Falcon
Topic Author
Posts: 6
Joined: 14 Jan 2022, 10:19

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

14 Jan 2022, 11:13

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:
Attachments
footer_font_style.jpg
font style & buttons of internal links
footer_font_style.jpg (86.46 KiB) Viewed 1656 times
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

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

14 Jan 2022, 23:21

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.
 
Falcon
Topic Author
Posts: 6
Joined: 14 Jan 2022, 10:19

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

15 Jan 2022, 15:41

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: