Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 16, 2021 at 5:16 pm #1306076
    rolanddon

    Hello,

    I don’t know how to put buttons that are clickable as links in the footer. I did not find the button widget in my dashboard. Actually, I found that bottons in the footers are commonly seen on many other websites so I believe this is doable. Could you please advise how to add the buttons in my footer succesfully?

    Please reply at:
    (Email address hidden if logged out)

    Thank you,
    Roland

    June 18, 2021 at 4:32 am #1306265
    Rikard

    Hi Roland,

    You can try to add your own markup in a HTML widget, like so:

    <a class="avia-button" href="https://your.site/page/">This is my footer button</a>

    Best regards,
    Rikard

    June 19, 2021 at 3:31 pm #1306509
    rolanddon

    Hello Rikard,

    Thank you. I put the button successfully, but I could not edit the button like the color of it and the size of the fonts. Also, I want to make the button a link to another page and clickable. Can you please tell me how to do it?

    Please reply at:
    (Email address hidden if logged out)

    Regards,
    Roland

    June 21, 2021 at 6:43 am #1306655
    Rikard

    Hi,

    Please try this in Quick CSS:

    #custom_html-3 a.avia-button {
  color: #fff;
  background #000;
  font-size: 16px;
}

    If you need to change the link, then please edit this part of the code I sent you:

    https://your.site/page/

    Best regards,
    Rikard

    June 27, 2021 at 2:45 pm #1307596
    rolanddon

    Hi Rikard,

    I tried to add your instruction in Quick CSS,

    #custom_html-3 a.avia-button {
    color: #red;
    background #010;
    font-size: 20px;
    }https://www.eminglobal.com/contact

    but the text in the button is always blue and the button itself is always white. Please advise how to edit the colors of the button and the text in it. Also, I could not make the link sucessfully, please advise if anything is incorrect.

    Please reply at:
    (Email address hidden if logged out)

    Regards,
    Roland

    June 28, 2021 at 10:05 am #1307705
    Rikard

    Hi,

    Thanks for the update. You need to add the URL in the widget, not via CSS.

    #custom_html-3 a.avia-button {
color: #red;
background #010;
font-size: 20px;
}

    The color argument is not valid CSS. Use only red, or a hexadecimal code, # followed by 6 digits. The background argument is not valid either, if you are going to use 3 digits, then they all have to be the same. It’s better that you stick to 6 digits. You can easily find answers to basic programming like this, on http://w3schools.com/.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.