Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Design Problem with a gallery of images

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #257336
    alaztor
    Participant

    Currently, i’ve been given a website made in wordpress and i’m supposed to add some content and tweak a few things for it to be finally put online.

    Now, my current problem is that when displaying the gallerie of images, not all sheets show images in an orderly form.

    Here is an example of what i’m talking about:

    This is how it’s supposed to be shown: http://imgur.com/UVpNSBS

    This is the mistake that keeps happening : http://imgur.com/cCNJTZf

    *As you can see, there’s way too much space between the thumbnail pictures.

    Another mistake but in reverse: http://imgur.com/R0VYkrL

    *Now here, everything is too close and the picture are too small.

    What gives? What’s going on the website that doesn’t allow more images? Is it an space thing or what? As of right now i can only modify content through cpanel so a solution in wordpress doesn’t help me too much i guess.

    • All thumbnail images have the same resolution.

    Some code of the original sheet:

    https://codepen.io/anon/pen/YxGpNB/

    That’s the code for the original gallerie with no flaws and the complete style sheet of the website.

    I’d really appreciate some help. Thanks.

    #257352
    Beverleyh
    Participant

    Unfortunately your demo doesn’t illustrate the problem and the amount of code will likely put many folks off looking further. Think of it like this. We’re strangers and volunteers browsing the forum in our spare time. That means we don’t have much room to work through a 1400 line CSS file, or decipher half-complete HTML (with PHP that doesn’t mean much outside of the WordPress platform, or that particular gallery plugin), or fill in the gaps with placeholder images to see how things do and don’t behave.

    If, on the other hand, you make things easier for us and provide a working demo; one that illustrates the issue you describe, using very minimal HTML (with images) and CSS, potential helpers will be more likely to spare a moment to jump in with suggestions. This means you stripping back your codebase to give us just the pertinent parts. Oftentimes this process will lead you to identifying and fixing the problem yourself.

    From a general help perspective, look at the padding and margins. You can do this using the developer console – F12 in most browsers. You could also provide a link to the actual website, but its as much hassle for us to poke about in dev tools as it is for you, plus there’s the added hindrance of needing to be on a desktop computer to do it. Many of us free-time helpers are browsing on mobile so we’d instantly be out of the help circle. CodePen however allows even casual mobile browsers to tinker with your code, so its the medium most likely to increase your chances of getting help, and fast.

    Good luck with your project anyhoo.

    #257410
    alaztor
    Participant

    First of all, thank you for your reply.

    Now, i get that my code might be a bit too much. I guess i don’t see it like that because i’ve been working with it for a month now.

    The website is this: http://www.expacientessanjuan.com

    I wrote the code in CodePen but apparently its still too much and i get it. Unfortunately i don’t know exactly where the error is so i don’t know what piece of code to show you. Maybe is html codding or a css mistake.

    Anyway, thanks for answering.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design’ is closed to new topics and replies.