Footer images side by side

  • Hi,

    I need to add a logo and a link to the footer in this site frf.fi, next to the ICoCA-logo, but when I edit the css, the new logo goes under the current one.

    Thanks in advance!

    The page I need help with: [log in to see the link]

Viewing 12 replies - 1 through 12 (of 12 total)

  • hello,
    Let me clear one thing.
    You want to show two logo side by side, am I right ?
    If so, then add it and give me thie site link if above link is not . If it goes under the first one, I will try to solve it with CSS.
    Thanks.

    Can you provide the screenshot of your result (the logo is under another)? Did you try to place your logo in the different places of footer?

    Thread Starter rosba70150

    (@rosba70150)

    Yes, I want to get the two logos side by side. I added the second logo to the page and it goes under the first one. The link for the site is https://www.frf.fi.

    • This reply was modified 7 years, 1 month ago by rosba70150.
    • This reply was modified 7 years, 1 month ago by rosba70150.
    Thread Starter rosba70150

    (@rosba70150)

    Here’s a screenshot

    Hello, Please add below code in your main css file . 

    #partners-logos{
width: auto !important;
display:inline-block;
}

    If you want to add some space between two logo then add below code

    #partners-logos a{
margin:5px 
}

    Hope if will solve your issue.
    Thanks.

    Hello!

    Your id #partners-logo has set the width to 200px, which will add the logos side by side, but the thing is that, inside that div with the #partners-logo id, you also have a width of 100px, which overrides the width from the id and makes the logos stay one beneath the other: <div id="partners-logos" style="width:100px;">

    I believe that’s added manually, so you either remove style="width:100px;" from the div, or increase it to 200px.

    Thread Starter rosba70150

    (@rosba70150)

    Thanks!

    Now I have them side by side by increasing the width to 200px, but I’m not able to get any space between them. Any tips on this issue?

    Yep, you can do what @themesgrove said:

    #partners-logos a{
margin:5px 
}

    But you’ll have to increase the width to 220px now, if you add a 5px margin. Otherwise they’ll go one beneath the other again.

    Hello,
    If you fix the width then you have to calculate the margin or padding based on the total width.
    If you set width auto of that #partners-logos, then you are free to go. Nothing to calculate.
    Hope this make sense.
    Thanks.

    Thread Starter rosba70150

    (@rosba70150)

    I added the the code to style.css and increased the width to 220px but nothing happened. I’m not sure if I understood where I need to add the code.

    Hello,
    let me know which code you added in your style.css file.
    Thanks

    Thread Starter rosba70150

    (@rosba70150)

    Well I actually found a way to bypass that problem.

    Next problem is the top menu with the FRF logo that I need to change. I can’t find the FRF-logo in my media library or a link that refers to it.

    • This reply was modified 7 years, 1 month ago by rosba70150.
Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Footer images side by side’ is closed to new replies.