Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

WP Photo Seller – Images not aligned at the top of the gallery

by

Tips and Tricks HQ Support Portal › Forums › WP Photo Seller › WP Photo Seller – Images not aligned at the top of the gallery

  • This topic has 11 replies, 5 voices, and was last updated 10 years, 7 months ago by RichardBremer.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 30, 2013 at 4:58 pm #9930
    grassifa
    Member

    It would appear that the first row of images in the gallery is not vertically aligned is there anything I can do to correct that, is the first thing that appear and it really look bad.

    here is the page where I have the problem with

    [http://www.geode.ie/photogallery/gallery2/]

    I’ve done some minor modifications (Thumbs height and “add to cart” button) to the template CSS and PHP code but the problem was there before that. the Problem is the same with all the gallery template styles and it affect only the first raw.

    October 30, 2013 at 10:59 pm #58545
    Peter
    Member

    I think your theme is causing that.

    We haven’t seen that happen with any of our other themes we have tested with.

    I’ve done some minor modifications (Thumbs height and “add to cart” button) to the template CSS and PHP code but the problem was there before that.

    I don’t recommend modifying the PHP code because firstly it makes it harder for us to support and also when we release new updates of the plugin your changes will be overwritten.

    Also, if you want to change the CSS to suit your needs, do not modify the plugin’s original CSS files. Instead you should go and grab the following plugin and use it to insert any custom CSS you wish:

    http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

    November 17, 2013 at 6:04 pm #58546
    RosemaryF
    Member

    I am having the same problem. My top row does not line up. It happens with the Pendulum theme.

    [http://rosemaryford.net/venice2/?page_id=12]

    November 17, 2013 at 10:43 pm #58547
    admin
    Keymaster

    That theme code looks a little messed up. Can you please do the theme test mentioned here and report back:

    https://support.tipsandtricks-hq.com/forums/topic/test-to-identy-a-conflicting-theme-or-plugin

    November 17, 2013 at 11:31 pm #58548
    Peter
    Member

    @RosemaryF,

    In addition to doing the test admin suggested to confirm that your theme is contributing to the problem, there is a small workaround you can try.

    Your theme appears to be adding <p> elements at the end of each item. To counter act this do the following:

    1) Go and grab the following plugin:

    http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

    2) Then add the following CSS code in the settings of the above plugin:

    #gallerybuy p {
    display: none !important;
    }

    November 17, 2013 at 11:35 pm #58549
    Peter
    Member

    @grassifa,

    Your case is similar and you should follow the same instructions but since you are using a different template your code would look like the following:

    #wps-gallery-template-2 p {
    display: none !important;
    }

    November 20, 2013 at 6:08 pm #58550
    RosemaryF
    Member

    This worked:

    #gallerybuy p {

    display: none !important;

    }

    Thanks!

    Still having a problem with the buttons not being aligned though:

    [http://rosemaryford.net/venice2/photogallery/photo_details/?gallery_id=2&image_id=98]

    November 20, 2013 at 10:36 pm #58551
    Peter
    Member

    Your theme is really butchering the CSS of your photo details page.

    Nevertheless try the following custom code to clean up some of the misalignment:

    .wps-image-details-watermark-section p{
    display: none !important;
    }

    .wps-digital-details br{
    display: none !important;
    }

    .wps_photo_details_continue_shopping_section{
    padding-left: 10px !important;
    }

    .wps-digital-details-prev-next br{
    display: none !important;
    }

    November 22, 2013 at 5:12 am #58552
    RosemaryF
    Member

    Thanks, perfect!

    October 22, 2014 at 6:06 pm #58553
    RichardBremer
    Member

    I’ve got some alignment issues too. It’s theme related. Is it possible to get a fix for this?

    My page: [http://www.2shoot.nl/photogallery/]

    October 22, 2014 at 11:41 pm #58554
    Peter
    Member

    Try the following code using the custom CSS plugin mentioned in one of the earlier answers in this thread:

    .gallery_item_container p {
    display: none !important;
    }

    .gallery_item_top p {
    display: none !important;
    }

    .gallery_item_thumbnail br{
    display: none !important;
    }

    .gallery_item_bottom p {
    display: none !important;
    }

    .gallery_item_name p {
    display: none !important;
    }

    October 23, 2014 at 8:32 am #58555
    RichardBremer
    Member

    Works out great, thank you! I used some of the other code lines to fix the other pages I use. It now works perfectly! Again, thx for your quick support :)

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2025 | Tips and Tricks HQ