Support » Fixing WordPress » How to make widgets appear in a horizontal line

  • Half way down my home page I have three widgets Green Leader, and 2 Certificates of Excellence. I want them to appear side by side on the page but at this point they exist as a vertical list

      . Can’t figure out what to insert in the code in order to remedy the situation. I know how to make a horizontal list or menu but when it comes to widgets in the main body I am lost. Can anyone help?
    • This topic was modified 6 months, 3 weeks ago by  Steven Stern.

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi @gatoween,

    Please copy this CSS:

    #TA_greenleader818, #TA_certificateOfExcellence935, #TA_certificateOfExcellence240 {
        display: inline-block;
    }
    

    to the Appearance → Customize → Additional CSS area and tell me how these three elements look this time.

    Hi Radu
    Thanks for your assistance but that doesn’t seem to have done anything. Elements are still vertically displayed.
    Phil

    Hi,

    I forgot. There seem to be some blank spaces between the three images. Please remove them and tell me how things work this time.

    Hi
    I must be misunderstanding something as I’m not sure where you are seeing the spaces between images? Can you copy the code for the place between the first 2 images that you see the space? Also should the images have any alignment assigned or none?
    That might lead me in the right direction. I’m not an HTML genius at this point.
    Thanks

    Hi,

    Could you copy this CSS too and tell me how things look this time, please?

    #TA_greenleader818 + p, #TA_certificateOfExcellence935 + p, #TA_certificateOfExcellence240 + p {
        display: none;
    }
    

    OK, that seems to have gotten the trick done!! Now if I wanted to center the three images on the line is there a quick way to do that?
    Thanks

    Hi,

    I looked a couple times for a CSS to center these elements too but I couldn’t find anything helpful. I cannot make this change due to the structure of the page. In order to do something like this, some changes need to be done to the way that the three certificates are added to the page.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to make widgets appear in a horizontal line’ is closed to new replies.