Picture scaling / Alignment on my Website

  • Hi, here’s my website: https://elderproductions.com/team/daniel-elder/, I am no longer working with the developer of the site, since I can handle most of the maintenance of the site. This is one thing that has been bugging me for a while and haven’t gotten it fixed. If you go to each individual ‘Team Member’s’ page, the portfolio view gets all disorganized (as you’ll see here):

    Screenshot of issue

    I don’t know what to do about this and it’s driving me nuts. I don’t know if it is the CSS, column structure or the image scaling and could really use some advice on what I should be looking at to fix this issue.

    The other issue is that I would like the images to scale edge to edge across the page, which is 1000px, so if there 3 images, them being 333px or 4 images 250px. I think I’d like to see them in a 4 column structure.

    Anyway, thanks for reading and any guidance would be appreciated

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

  • Hey there,
    This is probably a CSS issue yes.
    Did this occur after a wordpress update ?

    Thread Starter djelder

    (@djelder)

    Hi Robin,

    Thanks for replying, no it has been happening for a while. It looks like the developer set up the profile as a twelve column structure, but I’m not sure why it keeps breaking the structure like that.

    Thanks!
    Dan

    There is a small negative margin that pulls those items to the left, you can get rid of that by adding this to your CSS.

    .team-member {
    margin-left: 0;
}

    You can change the structure to 4 columns with this small CSS change:

    .team-member.rnr-column.animated.team-.fadeInUp {
    width: 25%;
}

    This area also has a 91% width applied to it, which you can override with this:

    .video_gallery {
    width: 100%;
}

    You can avoid things like some items being mis-aligned either by implementing a Masonry script (recommended), using min-height for certain areas to ensure consistancy amongst all posts, or by limiting how many words are displayed for the post titles.

    Hope this helps.

    • This reply was modified 8 years, 2 months ago by ThemeSumo.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Picture scaling / Alignment on my Website’ is closed to new replies.