On my current homepage towards the middle where it say FROM THE BLOG.
How can I change that layout to match more of a layout like http://postimg.org/image/5yh2jqzfx/ (ECONOMY section large image on the left, thumbnails of other stories on the right).
I’ve also tried to resize the Single Product image at WooCommerce > Settings > Products > Display > Product Images and then regenerate the thumbnails with the apposite plug-in but no effect. :(
Actually, the problem still exists on the above link even without going back in revisions….
The problem is that the youtube video link / thumbnail does not display on mobile, allowing a mobile user to click the link or the thumbnail and see the Youtube video.
Please go to the above link on your mobile device and all you see is blank space, not an option to click to view the youtube video.
Is this a bug or a feature request or user error?
Thanks
Hi,
I was trying to use some images in a webpage.
The images are all full HD, but all that is shown are thumbnails or pixelated images (here) no matter if i simply place the image alone, inside a color box or in a column. What is weird, cause this should be straightforward, it is the basics of editing images. Reading the forum, i’ve found others users with the same problem and most of the solutions rely on custom css…
Some say it is better to use fullscreen sliders instead of images place holders….ok, just want it works!
… and it really worked better, but i’ve found another issue. As i want to use multiples images (one above the other) in a single page, i ‘ve placed fullscreen sliders (one above the other) with only one image each. But when you scroll the page down, the second image image start to overlap the first from the bottom and cutting it off before you finish scrolling the page to the next image. You may see what i mean here
So, is there a way to avoid this overlaping? I’ve tried to insert whitespaces between the sliders, but it didn’t look nice.
What is the best way to place fullscreen images, so you can set the image size and positioning, in a simple and intuitive way?
Any help will be appreciated,
thank you!
-
This topic was modified 10 years, 1 month ago by
artbava.
wenn ich es richtig verstanden habe soll nach dem cade in der funktions.php ein ordner im schild mit dem namen “avia-shortcodes” erstellt werden und in diesen die vollständige “postslider.php” mit der geänderten Zeile kopiert werden?
$thumbnail = get_the_post_thumbnail( $the_id, $image_size );
Replace it by this:
$thumbnail = get_the_post_thumbnail( $the_id, ‘full’);
oder reicht es teile der “postslider.php zu übernehmen?
Hello
I’ve installed a fresh theme with FTP.
The problem of thumbnails still occurs.
I’ve tried on another web site, because I’ve got several licenses of Enfold. And it’s the same problem on Easy Slider’s thumbnails.
First you can see the thumbnails for the slides, but when it loops back to the first slide, the movie thumbnails don’t appear. Just black…
Thank you throw a glance
Eventuell sowas?
<?php $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID, ‘full’) ); ?>
<div style=”background-image: url(<?php echo $url ?>);”> … </div>
Or a Background plugin??
I am using a color section with a Youtube video background and have checked the box to disable for mobile browsers.
If it is disabled, and if I do not set a background image, on mobile you see the stopped video with a red “play” symbol. But if you press this play button, it does not respond and the video does not play. I have repeatedly pushed the red play button and it does not respond on mobile.
Instead of a static background image on mobile, is it possible to display the video thumbnail with the red play button that then starts the video if the mobile user decides to watch the video?
Thanks
Hi!
I guess you have removed the code now because i see the image becomes blur when it is more than 350px.
You can either upload large images like 600px or something so it looks good but that will double your work to update all the images instead replace the following CSS code
#top .thumbnail_container img {
margin: 0 auto!important;
height: 350px;
width: auto !important;
}
With this code
#top .thumbnail_container img {
margin: 0 auto!important;
max-height: 350px;
width: auto !important;
}
The new code will allow the images to be smaller than 350px on mobile and stops at 350px in large screens.
Regards,
Vinay Kashyap
So I don’t really consider this issue resolved.
1 – the thumbnails are faded, not like the demo page. http://kriesi.at/themedemo/?theme=enfold-overview
2 – when we roll over the thumbnail preview, the larger images does not change, like in demo. http://kriesi.at/themedemo/?theme=enfold-overview
3 – When we follow the settings you used in a post, we don’t get and arrows in the lightbox…
So it works ok on pages and not in posts.
Please advise, thank you.
Hey interage!
That is because you have following custom CSS code
#top .thumbnail_container img {
margin: 0 auto!important;
height: 350px;
width: auto !important;
}
Please remove it. If you remember why you added it, please elaborate so we might be able to provide you another solution :)
Cheers!
Yigit
Hey cannonballb!
Thanks for reaching out to us! Sorry to hear about your site being hacked.
There are 2 plugins you can use to help resolve this broken link and broken images issue you are experiencing. They are Regenerate Thumbnails and Broken Link Checker. They should help with this issue.
Let me know how it goes and if you need further help.
Best regards,
Jordan
Hi Ismael,
All the featured images have the same size. Also the image next to the image that is shown larger then the rest.
Is it safe to resize the thumbnails with that plugin?
Also in /config-templatebuilder/avia-shortcodes/google_maps.php look for:
$image = wp_get_attachment_image_src($shortcode['attr']['marker'], 'thumbnail');
Change it to:
$image = wp_get_attachment_image_src($shortcode['attr']['marker'], 'full');
-
This reply was modified 10 years, 1 month ago by
Josue.
Hey!
Yes, it is possible but there are various sizes in the “Select custom image size” option. Do you want to add another custom size? If yes, try to adjust the size settings of the existing thumbnails. Install the following plugin then go to the Settings > Media panel. Adjust the size of a specific thumbnail and enable the “Crop” parameter in order to make sure that it crops the image to the exact dimension. Update. Save. Regenerate the thumbnails. https://wordpress.org/plugins/simple-image-sizes/
Regards,
Ismael
On my mockup “FROM THE BLOG” section, I would like to pull the latest blog entry with the thumbnail image on the left and headline/summary copy on the right. Can you please help me achieve that layout?
Here is what I need the final homepage to look like
http://s7.postimg.org/o4ky2tzbv/finalhomepage.jpg
Here is what I currently have:
http://1c5.964.myftpupload.com/
Hey Kevin!
Thanks for reaching out to us!
Please go to WooCommerce > Settings > Catalog and increase Catalog Images size to 325x325px then regenerate them using the plugin Regenerate Plugins. You can also read for more information here https://docs.woothemes.com/document/using-the-appropriate-product-image-dimensions/
Best regards,
Jordan
Hi Yigit! :)
So there’s no problem if I adjust the Thumbnail size dimension from 80×80 to 200×200 and regenerate thumbnails https://wordpress.org/plugins/regenerate-thumbnails/ withou the need to install another plugin – https://wordpress.org/plugins/simple-image-sizes/?
Regards
Hey!
You can change image sizes and then regenerate thumbnails and that would work – https://wordpress.org/plugins/regenerate-thumbnails/ :)
Cheers!
Yigit
Hi Ismael,
Thanks for your support.
I’m confused about this plugin. :)
Can’t just Adjust the Thumbnail size dimension to 200×200, update, save then regenerate the thumbnails without the plugin? What is the difference?
Sorry for my misunderstanding,
Regards
Hi,
I just purchased a new license for a new site and I need help with the following customizations on the homepage:
Here is what I need the final homepage to look like
http://s7.postimg.org/o4ky2tzbv/finalhomepage.jpg
Here is what I currently have:
http://1c5.964.myftpupload.com/
As you can see I made some progress but needs the following help
1- On the very top header area. I am using a transparent header on the homepage which is great but I do not want to use the transparent header anywhere else on the site. Eg. http://1c5.964.myftpupload.com/pages/about-us/ I would simply like the header for the other pages be a solid color.
2- How do I control/change the sticky header background color and font color?
3- I cannot get the slider to look like my mockup. I need the text (Welcome to BCCP Online!….) to move up more and when I scroll the page those text also gets lost. More importantly on mobile, the slider is extremely tall and does not show the middle of the photo which is the most important part to show . It is just showing the left portion. How did this site achieve it? http://renov8.org/. Am I using the wrong slider? Should I use a different slider?
4- I would like to change <h1><H2> to Open Sans Extra Bold. I have already added
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,600,800); and set my font weight to 800 but it is now showing up on the front end (see text “BROOKLYN COLLEGE COMMUNITY PARTNERSHIP”) below the slider.
5- On my mockup “FROM THE BLOG” section, I would like to pull the latest blog entry with the thumbnail image on the left and headline/summary copy on the right. Can you please help me achieve that layout?
6- Below the blog section, I am trying to add a parallax image. (where the text currently says “iSERVE TRIP 2016: CHICAGO…”) I really like how this site did that parallax image towards the middle – http://renov8.org/ where it says “COME FIND COMMUNITY…” . Why cant I achieve the same effect?
Thank you so much. Look forward to hearing from you.
Hey guys,
Firstly, well done on Enfold… it’s awesome.
Down to business:
Recently I am unable to upload pictures to the WP media library. I keep getting the following error, ‘An error occurred in the upload. Please try again later.’
When I check the media library I can see a file has been uploaded but there is no thumbnail and I can’t use it (i.e. uploading to make an addition to a slider).
I have deactivated all plugins, but this has had no effect.
I have also tried to increase memory in the wp-config.php file using (define(‘WP_MEMORY_LIMIT’, ‘128M’);
All or any advice would be greatly appreciated.
Many thanks,
A.
Hi Jordan,
Thanks for getting back to me.
I don’t understand though how the captions aren’t visible on your end. The screenshot I took above was taken just before I posted my question above, and I haven’t made any changes since. I still see the captions on both mobile and desktop, and I’ve had other people test the site as well, and they also see the captions.
Just so we’re on the same page here, the captions I’m referring to are the black caption bubbles that pop up above the thumbnails when you hover your mouse over a thumbnail on a desktop or laptop, or when you click on a thumbnail on a mobile phone (see screenshot).
Also, I know how to hide them on mobile only using media queries, but for now I want to see it working successfully across all devices before I move the code to the appropriate media queries only.
So the big question is, why can’t you see the captions on your end, when I still see them on my end? I’ve disabled the cache plugin, checked that my browser is pulling the updated style sheet, tested it in Chrome, Opera and on my Android phone, and clicked CTRL F5 for good measure.
Here’s what I see on my desktop screen when I hover over the thumbnails. The black caption box should not be showing….

Thank you.
Hi!
The theme doesn’t have a grid / list toggle by default so you’re probably using another plugin for it. The grid is using the default woocommerce template so the badges is working there. Ask the developer of grid / list toggle plugin for the template file that they use to create the “list” view.
UPDATE: This could also be a css issue. Adding this css code displays the badge but it took away the thumbnails:
#top div .product_on_sale .inner_product_header {
position: relative;
}
Best regards,
Ismael
Hi Elsa!
Thank you for using Enfold.
Looks like you’re using a third party plugin. What is it? Please try to install the following plugin then go to the Settings > Media panel. Adjust the Thumbnail size dimension, update, save then regenerate the thumbnails: https://wordpress.org/plugins/simple-image-sizes/
Cheers!
Ismael
Hey jdrijver!
Thank you for using Enfold.
The thumbnail size of the last product image is 400x450px while the rest is 240x240px. Are you sure that the original images have the same size? Please try to regenerate the thumbnails with the following plugin: https://wordpress.org/plugins/force-regenerate-thumbnails/
Cheers!
Ismael
@Yigit
That CSS just took out ALL the thumbnail images. I like the image thumbnail for my Blog posts. I just think the empty squares for the Press Release posts look dumb. It looks like our company forgot to put an image in. See screenshot: http://goo.gl/wrFpc5
Ideally, I’d prefer one of these to happen:
1. Remove the squares on just the Press Releases.
2. Replace with a static icon. Like a bullet or something from the fontello icons options.
If none of these are possible, I will just put in a 200×200 image. I can’t have empty boxes. Please advise.
I added the following and it seems to work well. You might want to check it to confirm
div.magazine-thumbnail {
float: right;
}
div.av-magazine-hero.first.flex_column.av_one_half {
float: right;
clear: right;
}
div.av-magazine-sideshow.flex_column.av_one_half {
border-right-width: 1px;
border-right-style: solid;
border-left-width: 0;
margin-left: 0
}
div.av-magazine-thumbnail {
float: right;
margin-left: 15px;
}
a.av-magazine-top-heading {
float: right;
}
Update: Obviously there are still some bugs
Update 2: I fixed as much as I can. I appreciate any feedback :)
Hi Ismael,
Thanks!
Sorry to bother you again, but is it possible to ADD a custom image size? My client would like to generate portrait thumbnails and all standard image sizes are either square or landscape.
Regards,
Michiel
Hi!
1.) It’s possible to display all categories but it’s still pointless if none of the items that belong to those categories are present on the page. Clicking on empty categories will render the page blank. It cannot fetch entries from another page.
2.) Looks like you’re using images with different sizes. Edit the portfolio element then set the “Portfolio Grid Image Size” to manual. Select the thumbnail size. In most cases this will work, if not, just make sure that all featured images have the same size and aspect ratio.
Regards,
Ismael