Hey!

Are you sure you uploaded a new image to check it? It’s not going to change your existing images but you can regenerate them with this plugin, https://wordpress.org/plugins/regenerate-thumbnails/.

Regards,
Elliott

Hey!

The Masonry does not automatically create thumbnails for your videos. You need to set the “featured image” of each post and that is the image that gets displayed. Right now you have it set to a red camera dot it looks like.

If I am misunderstanding what your trying to do then please take a screenshot and highlight your intentions so we can get a better idea.

Best regards,
Elliott

Hi!

I was referring to this – http://screencast.com/t/h9Xs98HN

Regarding the thumbnail, the file you need to edit is /template-builder.php, it is located at the root of the theme directory.

Cheers!
Josue

Hi davidchristensen!

You could try placing the magazine inside our content slider element. The code would look something like this.

[av_content_slider heading='' columns='1' animation='slide' navigation='arrows' autoplay='false' interval='5' font_color='' color='']
[av_content_slide title='Slide 1' link='' linktarget='']
[av_magazine link='category' items='5' offset='0' tabs='true' thumbnails='true' heading_active='' heading='' heading_link='' heading_color='theme-color' heading_custom_color='#ffffff' first_big='' first_big_pos='top']
[/av_content_slide]
[av_content_slide title='Slide 2' link='' linktarget='']
test
[/av_content_slide]
[/av_content_slider]

You can do this, http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, to enable the debug view for the avia layout builder. That will let you see the shortcodes used for each element.

Best regards,
Elliott

Hey!

so you want to add a purple background to the related product images, right? Add this code to your Quick CSS field for a workaround:

li.product.type-product.status-publish.has-post-thumbnail {
border-color: purple;
border-style: solid;
border-width: 25px;
margin-left: -7px;
}

and adjust as needed.

Hope this helps.

Regards,
Andy

Hi!

Try adding this to your custom CSS.

.ls-bottom-nav-wrapper, .ls-below-thumbnails { bottom: 20px !important; }

Regards,
Elliott

Hi!

1. Make sure to set that (Show Excerpt) in the Blog element settings.
2. Edit template-builder.php and put the_post_thumbnail() somewhere before the content gets rendered.

Cheers!
Josue

Hi LarryLayouter!

Open up /enfold/config-templatebuilder/avia-shortcodes/gallery.php and change line 202 from this.

$class	 = $counter++ % $columns ? "class='$imagelink $custom_link_class'" : "class='first_thumb $imagelink $custom_link_class'";

To this.

$class	 = $counter++ % $columns ? "class='noLightbox $imagelink $custom_link_class'" : "class='noLightbox first_thumb $imagelink $custom_link_class'";

And line 218 from this.

$output .= "<a class='avia-gallery-big fakeLightbox $imagelink $crop_big_preview_thumbnail $custom_link_class' href='".$link[0]."'  data-onclick='1' title='".$description."' ><span class='avia-gallery-big-inner' $markup_url>";

To this.

$output .= "<a class='avia-gallery-big noLightbox fakeLightbox $imagelink $crop_big_preview_thumbnail $custom_link_class' href='".$link[0]."'  data-onclick='1' title='".$description."' ><span class='avia-gallery-big-inner' $markup_url>";

Regards,
Elliott

Hey!

You can do that with this CSS.

.portfolio-preview-image img {
width: auto !important;
height: 400px !important;
margin: 0px auto;
}

But that will effect all of the preview images. It would probably be best to create a thumbnail of the image and use that.

Cheers!
Elliott

Hi!

I didn’t do much testing with it but you could try adding this to the bottom of your child theme functions.php file.

function avia_backend_add_thumbnail_size() { return; }

There is not really a good reason to remove them though. Just remember that you have done this in case your wondering in the future how to size your images with the Masonry shortcodes, etc etc. Your sizes are limited because of this customization.

Best regards,
Elliott

Hi eyammine!

Try adding this to a codeblock element in the page to hide the thumbnails.

<style type = "text/css">
.blog-meta, .blog_meta, .big-preview, .big_preview { display: none !important; }
</style>

Best regards,
Elliott

Hi!

If you’d like you can change lines 118 – 144 in the functions.php file to this.

$avia_config['imgSize']['base'] = [];
$avia_config['selectableImgSize'] = [];

Or just delete the image sizes that you do not need. If it was me though I would just leave them alone. If you have a bunch of 1200 x 1200 images loading on your page then that is going to take a long time for the user to download them all so it makes sense to let WordPress create small thumbnail versions to use. You will run out of bandwidth a lot faster than storage space.

Also, nowadays hosting providers give you lots of GB’s of server space so even if you upload 5000 pictures (plus all of the thumbnails) your probably not going to fill up the space (but double check with your hosting provider to be sure). If for some reason they are not giving you a lot of space then they will probably give you an option to upgrade your hosting package. But really I do not think that is going to be an issue at all. I’m on the cheapest hosting package with my provider for $25 a year and they give me 25 GB’s which can hold around 25,000+ photos (I crop mine before uploading so they are roughly 500KB each excluding the thumbnails).

EDIT: I double checked and the 25GB for my hosting provider was two years ago. Now they provide me 100GB for the same price. :)

Regards,
Elliott

• This reply was modified 11 years, 1 month ago by Elliott.