-
Search Results
-
Hi Folks;
What I wanted is pretty simple: I simply want to center the thumbnail images used in the Post Slider entries. Right now they are all left-justified. I will add that it’s sort of odd, since the default icon is centered (the one used when you don’t specify a featured image).
I’m sure it’s probably just a CSS tweak, but I can’t seem to pinpoint the right code, and figured someone could answer it quicker than I could chase it down..
Any help would be appreciated.
Thanks!Hi
The only way I could place a large youtube video in the middle of the website is through the Advanced Layer Slider. But, in stead of view a preload thumbnail image of the video content, I just see a grey image with a “play” button. How can I fix it? I would like to see a video image preloaded.Thanks
In reply to: Gallery preview picture size
Hi!
Please try to select another thumbnail size in the “Gallery Big Preview Image Size” dropdown: http://www.clipular.com/c/4911045944541184.png?k=YJTlOicwuUGUBqt9y02TRgwqKMY
Regards,
PeterIn reply to: Remove link from thumbnails in Portfolio Gallery
Hi!
Unfortunately it makes no sense to overwrite the shortcode.js file with a child theme because we update this file very often. So if you want to solve this issue with a child theme you must choose the less invasive approach :)
You can try following css code – it will just affect the big image
.portfolio-preview-image .avia-gallery a.avia-gallery-big{ pointer-events: none; }Regards,
PeterIn reply to: Gallery publishing wrong pictures
I Fixed.
The problem starts with uploading images.
Sometimes when uploading an image wordpress shows error.
But the image upload is completed on FTP.
I noticed that the images showing error in uploading lacked thumbnail in the media center of wordpress.
When a gallery was created with these images, the gallery was showing wrong images.
To fix, delete all the images without thumbnail in wordpress media center.Topic: Which sidebar goes where?
Hi, I’m trying to create a page template as follows:
Blog content 1 | Sidebar 1
Full width section with content slider
Blog content 2 | Sidebar 2
Full width section with content slider
etc.The blog element style I want to use is single author style with thumbnail on the left. I’m using the page builder.
If I do this using the blog shortcode at 100% width and the normal page template, Sidebar 1 is blank space. I can’t figure out which sidebar allows me to insert widgets there. All the widgets I do insert start appearing below the last full width section.
If I put the blog shortcode in a 75% width segment and the page template with no sidebar, then insert a 25% width section with the widget shortcode, I encounter two problems. The first: the blog element style changes and forces me into a center justified layout with thumbnail on top. The second is that although the widget appears, there is no vertical dividing line between the blog content area and the sidebar.
Is there a way to get the layout I want?
Thanks,
Karl.In reply to: No thumbnail in my post (Enfold Theme)
Topic: Gallery Image Transition
Hi. I’m looking for where this is controlled. With the big image/thumbnail animation, each image fades out completely before the next comes in… I’d love to tweak the way this displays, possibly just to speed up the transition, but I can’t find where it’s controlled… I’m assuming it would be some kind of CSS transition property, but I don’t see it anywhere in the theme.
Here’s the page:
http://subterranea.net/vusa2/products/harmen-32-es-1432/In reply to: Remove link from thumbnails in Portfolio Gallery
Thanks Peter. That solution prevents the small thumbnails from displaying in the ‘fake lightbox/Big-Thumb’. I still want that functionality, but not the pop-over light box (fancy box).
The invasive option works perfect. I am just looking for a way to hook into that via the child theme to prevent update issues.
In reply to: Remove link from thumbnails in Portfolio Gallery
Hi!
If you want a less invasive solution you can deactivate the links with css code – insert
.portfolio-preview-image .avia-gallery a{ pointer-events: none; }into the quick css field and this code should deactivate all gallery links without any additional theme code adjustments.
Best regards,
PeterIn reply to: Remove link from thumbnails in Portfolio Gallery
Perfect!
Incredible support! Thank-you very much!
One last ?: I’m using a child theme, is it possible upgrade-proof these changes, as they were made directly in the parent theme?Hello. When i post news, in my home page or sidebar, thumbnail not appear. However, I have a picture in my new. Why :-(
Hi,
I’m using Enfold with the grid layout.
I set up most of my pages with a 2 columns grid, and my post thumbnails accordinglyHowever, on categories & tags it automatically gives me 3 columns.
Is there a way to change this and get a 2 columns grid instead on tags & categories?2) In order to unify everything, is there a way to get a 2 columns grid on the author post pages and on the result pages as well?
Thanks in advance and for your usual kick-ass support,
Cheers!In reply to: Remove link from thumbnails in Portfolio Gallery
Hi!
Please reset the changes that we made then edit js > shortcodes.js, find this code on line 1007:
gallery.find('.avia-gallery-thumb a').eq( this.getAttribute("data-onclick") - 1).trigger('click');Replace it with this code to remove the lightbox trigger.
gallery.find('.avia-gallery-thumb a').eq( this.getAttribute("data-onclick") - 1);Edit config-templatebuilder > avia-shortcodes > gallery.php, find this code on line 218:
$thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' $markup_url><img {$tooltip} src='".$img[0]."' title='".$title."' alt='".$alt."' /></a>";Replace it with:
$thumbs .= "<a data-prev-img='".$prev[0]."'><img data-rel='gallery-".self::$gallery."' {$class} data-onclick='{$counter}' title='".$description."' $markup_url {$tooltip} src='".$img[0]."' alt='".$alt."' /></a>";Last, add this on Quick CSS:
.avia-gallery-big .image-overlay.overlay-type-image { display: none !important; }Remove browser cache then reload the page a few times.
Regards,
IsmaelIn reply to: Gallery won't save selected images
Thanks! I was baffled, but your test prompted me to dig deeper. It was the images. I think they were too large. They were scans at 1200 dpi and about 4mb each. WordPress Gallery did handle them, but the theme Gallery could not. I saved them at a smaller size and they work.
I did notice some issues with the Gallery however. The big preview and thumbnails have some funny behaviors. For example, when I chose 36×36 for the thumbnails, it did seem to use that size, but insisted on blowing them up to about 150×150 on the page itself. At least in Preview mode. But I can work around this or use Justified Image Grid plugin.
In reply to: Remove link from thumbnails in Portfolio Gallery
Thanks.
Its on the home page. Under the Projects heading.
(this is a single page site; we have removed the navigation.)In reply to: Remove link from thumbnails in Portfolio Gallery
Hi!
Can you please give us the link to the page with the gallery? I don’t see the navigation on the home page.
Best regards,
IsmaelIn reply to: Single Portfolio: 2/3 Gallery
Hi Monique!
I’m sorry but I don’t see the difference between the two. Can you please elaborate? Add this on Quick CSS to set the thumbnail image on the navigation to 100% width with a minimum height and width of 80px:
.avia-post-nav .entry-image img { border-radius: 100px; display: block; width: 100%; height: 100%; min-height: 80px; min-width: 80px; }Cheers!
IsmaelIn reply to: Remove link from thumbnails in Portfolio Gallery
Hi.
Thanks. That fixed the image size issue.
But the thumbnails are not displaying in the fake-light-box (big-thumb?).Topic: Product image size
Hi,
Is there a way to resize the product image without touching the css? The woocommece image resize does not resize anything. even using the thumbnail generator.
Also, I have noticed that using a sidebar on a single product page does not appear on the left or right but rather under the product. Is this normal?
Thanks,
DI was looking for a different onhover effect for the Enfold portfolio. With the help of some Googling I changed the arrow to a slideover-excerpt-text effect.
To change this you have to know how to code – preferably in a child theme that you can download here:http://bit.ly/enfold-child
Example of onhover effect:
http://i40.tinypic.com/ndvqpz.jpg
What did i change:
PORTFOLIO.PHP (Version: 2.4.5)New code:
somewhere from line 395 (fullwidth portfolio) I changed some settings and added some classes. This is not very clean code but it can help you achieve this very easily.else { $extraClass .= ' default_av_fullwidth '; $output .= "<div data-ajax-id='{$the_id}' class=' rozepitem grid-entry flex_column isotope-item all_sort {$style_class} {$post_class} {$sort_class} {$grid} {$extraClass}'>"; $output .= !empty($excerpt) ? "<a href='{$title_link}' title='".esc_attr(strip_tags($title))."'><div class='rozeptxt grid-entry-excerpt entry-content' ".avia_markup_helper(array('context'=>'entry_content','echo'=>false)).">".$excerpt."</div></a>" : ''; $output .= "<article class='main_color inner-entry' ".avia_markup_helper(array('context' => 'entry','echo'=>false)).">"; $output .= apply_filters('avf_portfolio_extra', "", $entry); $output .= "<".$link_markup[0]." data-rel='grid-".avia_post_grid::$grid."' class='grid-image avia-hover-fx'>".$custom_overlay.get_the_post_thumbnail( $the_id, $image_size )."</".$link_markup[1].">"; $output .= !empty($title) || !empty($excerpt) ? "<div style='z-index:100;box-shadow: 0px -5px 20px #888888;' class='grid-content'><div class='avia-arrow'></div>" : ''; if(!empty($title)) { $markup = avia_markup_helper(array('context' => 'entry_title','echo'=>false)); $output .= '<header style="z-index:100;" class="entry-content-header">'; $output .= "<h3 class='grid-entry-title entry-title' $markup><a href='{$title_link}' title='".esc_attr(strip_tags($title))."'>".$title."</a></h3>"; $output .= '</header>'; } $output .= !empty($title) || !empty($excerpt) ? "</div>" : ''; $output .= '<footer class="entry-footer"></footer>'; $output .= "</article>"; $output .= "</div>"; } $loop_counter ++; $post_loop_count ++; $extraClass = ""; if($loop_counter > $columns) { $loop_counter = 1; $extraClass = 'first'; } }Then i added a jQuery part in a JS file (e.g. shortcodes.js):
$('.rozeptxt').animate({ opacity:'0', top:'300px', }); $('.rozepitem').hover( // Over function(){ $(this).find('.rozeptxt').animate({ opacity:'0.9', top:'0px', }); } , // Out function(){ $(this).find('.rozeptxt').animate({ opacity:'0', top:'300px', }); } );In the custom CSS-field I added this:
.image-overlay { display: none!important; } .entry-title {font-weight:bold;font-size:13pt;} .rozeptxt{color:#7c6853;font-size:13pt;position: absolute;top:0px;left:0px; background: rgba(255,255,255,0.9);width: 100%;height: 100%;z-index:50;padding:20px;} .rozepitem{display: block;float: left; position: relative;overflow:hidden;}I know the code can be a lot cleaner, but i saw other people wanting this – so maybe this helps them create something awesome.
In reply to: Remove link from thumbnails in Portfolio Gallery
Hi!
Please add following code to Quick CSS as well
#top .portfolio-preview-image .avia-gallery-thumb img { height: 80px; width: 80px; }Best regards,
YigitIn reply to: "Post_gallery" filter?
Login credentials posted.
I made sure that the gallery was set to small thumbnails and still no luck.
Right now, the code above is inserted into the parent theme’s functions.php file although I’d like to be able to keep it in the child theme if possible so that I don’t lose this every time I update the theme.
Thanks for your help Peter.
-Justin
In reply to: "Post_gallery" filter?
Hey!
Did you test the code I posted here: https://kriesi.at/support/topic/post_gallery-filter/#post-213804 ? I tested it again and it works for me. I just added a gallery element, uploaded some pics, set the url: http://www.clipular.com/c/4546260648329216.png?k=Z0vjY5c4YaE0OpYIHM2x__0tv2E , and then saved the element. Make sure you use the “small thumbnail” gallery type because the “big preview” image doesn’t support custom urls. I’ll look into it – maybe we can implement it but I’m not sure…
Cheers!
PeterIn reply to: "Post_gallery" filter?
Hi!
I debugged the code on my server and I noticed that the link data requires an array – please try this code
add_filter('avf_avia_builder_gallery_image_link', 'avia_change_gallery_thumbnail_link', 10, 4); function avia_change_gallery_thumbnail_link($link, $attachment, $atts, $meta) { $custom_url = get_post_meta($attachment->ID, '_gallery_link_url', true); if(!empty($custom_url)) $link[0] = $custom_url; return $link; }Cheers!
PeterIn reply to: Remove link from thumbnails in Portfolio Gallery
Thanks for the quick reply.
I’ve made the changes as described and the thumbnails are no longer links, but they are 80×80 images that are being stretched to 684×685 and do not display in the Fake Lightbox.
dev site: http://paradigm.redpupmedia.comIn reply to: Remove link from thumbnails in Portfolio Gallery
Hey redpupmedia!
Edit config-templatebuilder > avia-shortcodes > gallery.php, find this code on line 212:
$output .= "<a class='avia-gallery-big fakeLightbox $imagelink $crop_big_preview_thumbnail' href='".$link[0]."' data-onclick='1' title='".$description."' ><span class='avia-gallery-big-inner' $markup_url>"; $output .= " <img src='".$prev[0]."' title='".$title."' alt='".$alt."' />"; if($caption) $output .= " <span class='avia-gallery-caption'>{$caption}</span>"; $output .= "</span></a>";Replace it with:
$output .= " <img src='".$prev[0]."' title='".$title."' alt='".$alt."' />"; if($caption) $output .= " <span class='avia-gallery-caption'>{$caption}</span>";And this code on line 216:
$thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' $markup_url><img {$tooltip} src='".$img[0]."' title='".$title."' alt='".$alt."' /></a>";Replace it with:
$thumbs .= " <img {$tooltip} src='".$img[0]."' title='".$title."' alt='".$alt."' />";Add this on Quick CSS to retain the cursor. Remove browser cache then reload the page.
.avia-gallery { cursor: pointer; }Best regards,
IsmaelHello.
Using an Ajax Portfolio Preview, Display Preview Images as Gallery.
We want to prevent the thumbnails and big_thumb from being links. We disabled the lighbox per http://kriesi.at/documentation/enfold/prevent-image-or-link-from-opening-in-a-lightbox/ , but the thumbnails open the image file in a new window. We want to disable the link on the thumbnails and retain the mouse-over-to-fake-lightbox functionality. The thumbnails and big_thumb should not open or link anywhere, but simply display in the fake lightbox area.
Seems like it should be in /config-templatebuilder/avia-shortcodes/gallery.php around line 218… but I can’t remove the link without disabling the mouse-over.Hello, I have just done a completely new upload of the latest Enfold theme (v2.4.5), and as soon as I reloaded the page with the portfolio items (in this case, assigned as a list of lawyers), the thumbnails and title/excerpt no longer had any rollover or link to the individual page. I have looked at other posts and tried to rename the permalinks several times – default, back to what it was originally (people), plus some new names – no luck. I also deactivated and reactivated BBPress (saw that on another post), but that didn’t help either. Luckily I made a complete backup of the older version of Enfold, so have reverted back in the meantime. This is the page in question (links working here only because this is the older version of Enfold):
http://www.ekb.com/our-team/lawyers/
You will see that the categories are not displaying properly – this was one of the reasons I wanted to update to the new version – but at least the links work for now, which is crucial.
The only way that you can see the problem is if I send you admin access so that you can swap out the theme, so please let me know unless you have another option for me to try and fix the problem? Thank you, Jodi
In reply to: Bilder unscharf
Hey aebli!
Ich habe mir nur diese Seite angesehen: http://new.ete.ch/unternehmen/mitarbeitende/ – hier verwendet ihr anscheinend das “Team” Element für die einzelnen Mitarbeiter. Die einzelnen Bilder sind aber nicht in Originalgröße eingebettet, sondern verweisen auf kleine Thumbnails (zB: http://new.ete.ch/wp-content/uploads/Emil-Egger-AG-Team-Heini-Egger-300×200.jpg oder http://new.ete.ch/wp-content/uploads/Emil-Egger-AG-Team-Michael-Egger-300×200.jpg ). Ihr habt zwei Lösungsmöglichkeiten:
1) Verwendet die Originalbilder oder zumindest größere Thumbnails – die Größe könnt ihr Rechts im Galerie-Fenster bestimmen: http://www.clipular.com/c/6081498889322496.png?k=HhSgbxEkNXEmdWVS0SDMpjB4WUc
2) Ihr bleibt bei der Thumbnailgröße und versucht mit diesem Plugin: http://wordpress.org/plugins/wp-resized-image-quality/ eine bessere jpeg Qualität einzustellen. Anschließend erstellt ihr die Thumbnails neu: http://wordpress.org/plugins/regenerate-thumbnails/
Cheers!
Peter
