how to get footer to display images horizontally

  • Resolved dragonbonetattoo

    (@dragonbonetattoo)


    11 years, 9 months ago

    I am trying to have a few sponsor logos displayed on the bottom of every page in a horizontal list. They are still displaying vertically no matter how much CSS I throw at it. I’m using a simple text widget in the footer with html in it. Does anyone know what I am doing wrong?
    URL: https://www.soulriverfilm.com
    Theme: Landscape-child

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

  • Add the following code to your style.css

    .widget .sponsors ul li {
    display: inline-block;
}
    Thread Starter dragonbonetattoo

    (@dragonbonetattoo)

    Thanks! I have added the above CSS to my css, but it is still being stubborn. I’m probably missing something basic.. The beginning of my html is:

    <div class="sponsers">
<ul>
<li>.....
</li>
</ul>
</div>

    Is there something else I need to do?

    Sorry, there is typo in my code “sponsors”, it should be “sponsers” like yours, try

    .widget .sponsers ul li {
    display: inline-block;
}

    or try

    .sponsers ul li {
    display: inline-block;
}

    or even

    .sponsers ul li {
    display: inline-block !important;
}

    Try adding this code to your style.css file.

    .sponsers ul li {
float: left;
}
    Thread Starter dragonbonetattoo

    (@dragonbonetattoo)

    You all rock so much! I’m thinking it is still not functioning correctly because I had to build my own widgitized footer, and possibly set the width incorrectly? Would this make a difference? I’m waaaay new at this..

    Thread Starter dragonbonetattoo

    (@dragonbonetattoo)

    So clearing the cache on my browser did it. It works!

    Glad it solved the problem ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘how to get footer to display images horizontally’ is closed to new replies.