
-
AuthorPosts
-
April 16, 2018 at 9:37 pm #942771
Hola,
i Noticed the enfold instagram widget is different heights. The otter images seem to be taller than the inner images.
April 18, 2018 at 6:52 pm #943727Hey,
I checked your website and they are all the same size on my end. Attached a screenshot in private content field.
Have you figured it out already? :)Best regards,
Yigit-
This reply was modified 7 years, 2 months ago by
Yigit.
April 19, 2018 at 1:00 am #943806hola,
Those arn’t even. See the screenshot with the grids. The middle 2 columns are shorter in both rows. Do you see?
April 22, 2018 at 1:01 am #944995Hi,
Thank you for the info.
Set a minimum height to the instagram images.
.av-instagram-item a img { min-height: 279px; }
You may need to add css media queries to adjust the minimum height value for smaller screens.
Best regards,
IsmaelApril 23, 2018 at 7:49 pm #945511Hola, Thanks. it looks great on desktop but on mobile it scrunches the pictures hortixontal. How would I get that resolved?
April 24, 2018 at 11:11 am #945841Hi CColeman88,
Can you try adding this css code also:
@media only screen and (max-width:1024px) { #top .av-instagram-item a img { min-height: 0; } }
Hope this helps :)
Best regards,
NikkoApril 24, 2018 at 8:37 pm #946175great
April 25, 2018 at 12:26 am #946298Hi CColeman88,
Glad we could help. :)
Let us know if you need further assistance or if we can close this thread.Best regards,
NikkoApril 27, 2018 at 9:12 pm #948173After the newest enfold update. the code provided does not work. the heights are not the same.
April 29, 2018 at 9:38 am #948589Hi CColeman88,
Can you please attach a few screenshots of the issue?
Best regards,
VictoriaApril 30, 2018 at 7:51 pm #949176the middle 2 boxes are not as high as the otter 2 boxes. The middle two are about 2-4 pixels smaller in height. is this how the boxes were coded? – to be different sizes??
May 2, 2018 at 6:48 am #949842Hi CColeman88,
Can you try adding this css code in Quick CSS (located in Enfold > General Styling):
#top .av-instagram-row .av-instagram-item { padding-left: 3px !important; padding-right: 3px !important; }
Hope it helps :)
Best regards,
NikkoMay 9, 2018 at 10:08 pm #954158I added that and it worked but when the theme updated to the newest version the height difference persists.
Please advise
May 10, 2018 at 6:58 am #954384Hi CColeman88,
Probably it’s because of the caching, can you try to flush out the cache, since I could not see the code before being reflected.
If that doesn’t work try going to Enfold > Performance > CSS file merging and compression set to Disable – no CSS file merging and compression and before saving try to check: Delete old CSS and JS files?
Hope this helps.Best regards,
NikkoMay 10, 2018 at 9:52 pm #954904The cache is flushed. By default the CSS file merging is set to disable and I checked the box and the issues still persists.
Please Advise
May 11, 2018 at 11:34 am #955188Hi CColeman88,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( do be sure that we have enough time to debug ). - Click ” Submit “.
- You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.Best regards,
NikkoMay 11, 2018 at 9:59 pm #955472Attached
May 12, 2018 at 11:12 am #955661Hi CColeman88,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.av-instagram-item:nth-child(n+1), .av-instagram-item:nth-child(2n) { padding: 1px; } .av-instagram-item:last-child { padding: 2px 1px 2px 1px; }
If you need further assistance please let us know.
Best regards,
Victoria -
This reply was modified 7 years, 2 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.