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, 1 month ago by RichardBremer.
-
AuthorPosts
-
October 30, 2013 at 4:58 pm #9930grassifaMember
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 #58545PeterMemberI 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 #58546RosemaryFMemberI 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 #58547adminKeymasterThat 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 #58548PeterMemberIn 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 #58549PeterMemberYour 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 #58550RosemaryFMemberThis 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 #58551PeterMemberYour 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 #58552RosemaryFMemberThanks, perfect!
October 22, 2014 at 6:06 pm #58553RichardBremerMemberI’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 #58554PeterMemberTry 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 #58555RichardBremerMemberWorks 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
-
AuthorPosts
- You must be logged in to reply to this topic.