WordPress.org

Ready to get started?Download WordPress

Forums

[closed] Horizontal Image Widget (23 posts)

  1. davidegewp
    Member
    Posted 1 year ago #

    Hello!

    I'm using the Image Widget in a page, using the Widgets On Page widget. As I place images inside the page, I want them to show up horizontally in groups of four or so.

    They only align vertically... how do I change this?

    Or is there actually a different way I can do all this?

    Here is the page I talk about:

    http://davidegestudio.com/blog/contributors/

    Thank you.

  2. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    Sounds like too much work - try a Gallery Plugin such as NextGen Gallery

  3. davidegewp
    Member
    Posted 1 year ago #

    The thing is this is not a gallery. They are link images, which take you to each person's biographical description. I tried that plugin, but it works like a photograph gallery with thumbnails. I just want what I have, but in a horizontal alignment.

  4. davidegewp
    Member
    Posted 1 year ago #

    Is there a way I can display images horizontally in a page? Because I could just upload the images directly into the page, which I tried, but it also shows up vertically.

  5. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    Are you saying you want to see full size images and to scroll horizontally to see the next image? Or will a row of images (usually thumbs) fit in the current container?

    An example of NextGen with images in rows.

  6. davidegewp
    Member
    Posted 1 year ago #

    No, I want them to look just like they do now. I have them in that size, because I want them to be little image-links that take you to each biographical description. Right now it all looks and works exactly how I want it to. The size is perfect, the images work as links... but... they're aligned vertically.

    That's because each image is placed in a different "Image Widget", and those widgets automatically align themselves vertically, but I want them to be side-by-side.

  7. davidegewp
    Member
    Posted 1 year ago #

    And yeah, I want it to look like a NextGen gallery, except it isn't technically a gallery. I dont want those images to expand, cause they're not images Im showcasing or anything, theyre just links.

  8. davidegewp
    Member
    Posted 1 year ago #

    Like buttons, for instance.

  9. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    Review the documentation, you can make the thumb and image same size and make any thumb a link to whatever you want with NextGen....I pointed you to this to save you time overall, but you will have to learn and adapt.

  10. davidegewp
    Member
    Posted 1 year ago #

    Oh, you can? Well, I installed the plugin, and deleted all the coding to see how the images would look, and they still looked cropped and tiny.

  11. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    Haste makes waste...

  12. davidegewp
    Member
    Posted 1 year ago #

    I will look into it then. So if I use NextGen for that, and make some changes to the code, will I be able to make them look and work just like they do now?

  13. davidegewp
    Member
    Posted 1 year ago #

    I don't want them to expand or any of that...

  14. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    I understand your issue - this can be done as advised but requires you to review the plugin docs, test a few posts, and you will see this...

  15. davidegewp
    Member
    Posted 1 year ago #

    Ok. I will work on that then.

    Thank you for your help!

  16. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    Please report back if additional help is required _ i added to get email on this thread...

  17. davidegewp
    Member
    Posted 1 year ago #

    Oh great! Thank you very much!

  18. davidegewp
    Member
    Posted 1 year ago #

    Hi Seacoast!

    I've been trying to make the images work as links, but it's not working.

    http://davidegestudio.com/blog/1-2/

  19. davidegewp
    Member
    Posted 1 year ago #

    OK, so I managed to make it work, but it distorts the images. The image that looks distorted right now is the one that has a link, the other one doesnt.

  20. davidegewp
    Member
    Posted 1 year ago #

    I fixed it!! Now I just have to make the thumbnails look normal, not having the images inside that small rectangle. Do you know how I can do that?

  21. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    Which URL should we follow, the first or the last?

    ...One can change the thumbnail size as desired in the NextGen Gallery settings>Select images in Gallery>bulk actions>Create new thumbnails>Apply>Enter a dimension that is PROPORTIONAL to original image, i.e, 4:3, 11:7 etc...(if image was 800x600 the thumb is 200 x 150 - divide both equally)

  22. davidegewp
    Member
    Posted 1 year ago #

    The first one now. I was using the second to play around. Yeah, I was able to fix that too. Now I'm trying to see why the captions are not showing.

  23. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    This is all covered in the plugin docs - it is a study. When you know how to use it, take the next steps and apply your own CSS and effects - it's a great start, take some time to test and dig into it.

Topic Closed

This topic has been closed to new replies.

About this Topic