The site is still under construction, so we want to close this link as soon as you have seen the problem if that’s ok with you.
http://www.arachnophoto.com/atypidae/
The problem is that the class .responsive .content has set padding:30px;
This means that any plugin that trys to find the current width will find a value 60 pixels too large.
I expect you will get more problems with this theme.
Try this: add in any css file:
.wppa-container {
margin-left: -30px !important;
}
to center the display.
Check Table I-C6 to get the thumbnails equally spaced over the available width
Thank you very much, Jaap! We will try to alter the code.
Table I-C6 is already checked, so that’s not the solution for the second issue.
Maybe the solution is in the css code as well?
If there are too few thumbnails to fill a row, you will see this.
I can not say more about this unless you can provide i link.
Closed for now.
Hi opajaap,
Thank you for the code. It worked, but on smaller screens it now falls out a little bit of the main contentbox on the left instead of the right. But that is merely a small cosmetic issue.
We still have the problem of the alignment of the thumbnails when there are to few thumbnails to fill a row. We want them to be centered horizontally.
Can you please take a look at the following link to see if you can fix it?
http://www.arachnophoto.com/1-2/
We have another question: In what file and what place can we put a code to get a border with mouseover effect around the thumbnails?
Thank you in advance for your help.
Marnix en Marielle
Hi opajaap,
Did you already take a look at our problem? Please, let me know if you have seen it and have a solution for us.
The site is still under construction, so we want to close the link as soon you have seen it.
Thank you in advance for your help.
Marnix en Marielle
Sorry, the maintenance mode was activated. It is now off.
Your themes css jumps ( it is responsive ) between two settings:
1: …/themes/practical/css/responsive.css line 174
.responsive .content {
padding: 30px;
}
2: …/themes/practical/style.css line 566
.content {
padding: 20px;
}
So, in the small situation the correction margin should be -20px;
The plugin does not detect this, you have to fix it in the themes css. I recommend you to set both paddings to 25, and the correction margin also to 25 as an example.
You should really inform the theme builder that padding the main display area this way is not nice towards plugin builders who want to detct the available space dynamicly!!!
Dit is mijn uitspraak en daar zult u het mee moeten doen.