Graphic Layout

  • Unknown's avatar

    I have been trying to change the look/layout of two graphics on a site I am working on with no luck. There is too much white space and I would rather they appear vertically than horizontally. Any assistance would be appreciated. Thanks.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi there, are you talking about your Community Outreach page? I see six images at the bottom of your Clients page.

    In general, tables don’t work too well on responsive designed themes like Twenty Twelve. If you go to your Clients page and narrow your browser way down, you will see that the bulk of your images are hidden by the right side of the browser window, and you have to scroll horizontally to see them all.

    Have you considered putting those in the sidebar with Image Widgets and then using Widget Visibility to hide them on all but the appropriate page? With this solution, the widgets would gracefully move from the side down below the content on narrower screens/windows.

    To fix both the Clients and Community Outreach pages, it would be better to use divs and create CSS classes to control the flow of the images with Media Queries. For the page with six images, the code gets sort of complex. On the page with only two, much easier.

    Let me know your thoughts on the possibility of using images widgets, and if you want to go the other route, I can help work out the CSS and HTML for you.

  • Unknown's avatar

    You are the king of helping me. Perfect solution. Thank you, again.

  • Unknown's avatar

    Hooray, thanks, and you are welcome. :)

  • The topic ‘Graphic Layout’ is closed to new replies.