Hi there,
I added a background image to a color section. On a PC that looks great, but on a mobile there’s no image visible.
Do you know why and how to correct this?
Regards & thx
Good morning,
I’m trying to set a portfolio with Ajax. My problem is in the form of images. Both in the small preview that in the main I would like to have a 16:9 aspect ratio. As a further problem that once I clicked on the picture shown, the lightbox should result in a larger size,
Hi!
1.) Are you trying to remove the featured image on portfolio or your blog posts? What type of Blog Style are you using?
.single .big-preview.single-big, .single .small-preview {
display: none;
}
2.) To disable the lightbox, edit js > avia.js and find this code on line 55:
//activates the prettyphoto lightbox
$(container).avia_activate_lightbox({callback:'avia_lightbox_callback'});
Replace it with:
//activates the prettyphoto lightbox
//$(container).avia_activate_lightbox({callback:'avia_lightbox_callback'});
Remove browser cache then reload the page a few times.
Regards,
Ismael
Hi Devin,
thanks a bunch for coming back to me.
You´re exactly right (unfortunately). I had to redo all the sliders manually, the images were unrecoverably lost.
Also the performance of the “Mediathek”, were one uploads images to wordpress and selects them for the site, is impeded negatively. It takes forever to select an image… (I checked if my server is the source for this, it´s not, with other wordpress installations it runs fine and fast)
Maybe you can take this issue up for one of the next versions. :-)
Cheers,
Hirschi
I would like to achieve this http://themeforest.net/item/avada-responsive-multipurpose-theme/full_screen_preview/2833226 similar to the slider that when it hovers a green background cover the image and small info get displayed
i know that a:hover .image-overlay .image-overlay-inside { }
control this field but just dont know what is the next step or how to call hidden fields so instead of a circle in the middle , i want the product name displayed and the background green instead of white
Thanks in advance
Hi!
Edit config-templatebuilder > avia-shortcodes > button.php, find this code:
$output .= "<a href='{$link}' class='avia-button ".$this->class_by_arguments('icon_select, color, size, position' , $atts, true)."' {$blank} {$style} >";
Replace it with:
$output .= "<a href='{$link}' class='noLightbox avia-button ".$this->class_by_arguments('icon_select, color, size, position' , $atts, true)."' {$blank} {$style} >";
Best regards,
Ismael
Hey!
Can you post the link of the portfolio page here? You can set a minimum width for portfolio thumbnails.
.grid-image img {
min-height: 300px;
}
.responsive_large .fullsize .grid-col-4 .grid-image {
min-height: 300px;
}
Best regards,
Ismael
If your images are not getting their thumbs generated then you either need to generate them with this plugin: http://wordpress.org/extend/plugins/regenerate-thumbnails/
If after doing so the thumbnails are still not getting generated then you would need to dig into why WordPress isn’t able to generate thumbnails properly since the theme just taps into WordPress’ function for that.
I looked for anyone who had a similar issue and found none – if you can remember what the solution was, that would be great.
Here as some screengrabs of the settings for my site’s background:
http://paganbundle.com/bg_settings.jpg
http://paganbundle.com/bg_css.jpg
Hi DavyE!
Which gallery type and element are you adding an image into?
Cheers!
Devin
Hi!
The coma is a pretty unusual character for a url. The best route would just be to use a url shortner like bit.ly and use it in place on the image so that it gets parsed correctly.
I’m not actually sure if comas are legal as urls but I can’t really say for sure. Just going around it is the best and most direct option however.
Regards,
Devin
Hi!
Don’t use tif files for your images. Keep them to either jpeg or png files and you should be fine.
Best regards,
Devin
HI Yigit!
I added the code but it did nothing.
– The feature image is still in the post and
– YOU MIGHT LIKE is still written as well
And my question regarding the plug in was more about the current lightbox.
Is there a way to disable to lightbox?
all the best,
andreas
Kriesi’s suggestion of the colour section with background image looks the best of the 3 options, but at large screen sizes cuts off the image. Is there any way to force the section to be the same height as the image (even as it resizes)? If there is a way then I think that could work well.
Hello,
I am creating some custom shortcodes for the enfold theme. I mostly have them working, but I am not an expert with php, so most of my work has been trial and error / copy and paste from other shortcodes.
For this shortcode, I am basically taking the image shortcode and adding a title to it. Everything displays fine on the front end, but there is a weird bug I can’t quite figure out. Let me explain:
When I first click edit page, I see the element as I intend in the Advanced Layout Builder. Once I click to edit the element and click save, the layout changes. I lose the title, and two images appear stacked on top of each other.
Before on the left, after on the right:

I am guessing it is something to do with the code in the Editor Element Section, here is my code from that section:
function editor_element($params)
{
$template = $this->update_template("src", "<img src='{{src}}' alt=''/>");
$img = "";
if(isset($params['args']['src']) && is_numeric($params['args']['src']))
{
$img = wp_get_attachment_image($params['args']['src'],'large');
}
else if(!empty($params['args']['src']))
{
$img = "<img src='".$params['args']['src']."' alt='' />";
}
$params['content'] = NULL;
$params['innerHtml'] = "<div class='avia_photo_nav_square avia_photo_nav_square_style avia_hidden_bg_box'>";
$params['innerHtml'] .= "<div ".$this->class_by_arguments('align' ,$params['args']).">";
$params['innerHtml'] .= " <span {$template} >".$params['args']['title'].": </span>";
$params['innerHtml'] .= "<div class='avia_photo_nav_square_container' {$template}>{$img}</div>";
$params['innerHtml'] .= "</div>";
$params['innerHtml'] .= "</div>";
$params['class'] = "";
return $params;
}
Thanks for any help you can provide!
D
Hi guys,
Unfortunately that didn’t help. Currently live on that page.
It still has the whitespace when screensize is narrower than the image. Also, is there any way to remove the rounded corners of the image? There is a white dot in each of the corners as is.
Sorry for the trouble – and thank you for helping me find a way to fix this!
As mentioned, my ideal solution behaves exactly the same as the easy slider with one image, but without needing to run such a large script to accomplish it.
Thank you!
Best,
Jonathan
De nada, estamos para servirte :)
Saludos,
Josue
Fantastico!!!
Muchisimas gracias!!
Hola!
Try with this:
article .big-preview {
display: none !important;
}
Cheers!
Josue
I would like to Remove preview image from the body of each post
http://www.puntademita-realestate.com/villaelbanco5/
and have tried the Quick CSS examples I have seen in the forum but none seem to work.
Any ideas?
Saludos!
No
I use the child theme and the olnly thing I’ve changed is styling in the styling panel.
Thanks
Hi supervga!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .fullsize .template-blog .blog-meta, .related_posts { display: none, }
I am not familiar with Portfolio Slideshow plugin, you may need to hire a freelance developer to achieve what you would like to achieve if you really need it :)
Cheers!
Yigit
Blog image for single author small preview now shows image at the top of the the blog post when viewing the single post. Is there a way to stop this? Previously it did not show and my blogs are created were created with that in mind…I would rather not have to edit a couple of hundred of posts.
Hey!
Have you made any changes on theme files?
Regards,
Yigit
The images are optimized for web but with say 100 images at 500kb it is still 50mb total per say on the page at once. It is curious how if the same images load super fast on page as static images all at once, they are so much slower in the masonry script.
Oh well I will play with the images and see if I can get it faster. The trouble for everyone wanting to display large images, if you want to open 1500 pixel images in light box you have to upload them that large so its available. I just wish the masonry script only loaded smaller thumbnail images like your gallery script does, and then feeds the full size image upon request from the lightbox. that would presumably fix the issue, maybe. But that is only an uneducated observation/assumption.
————————————-
On another note. when I inspect my page with the masonry gallery an look under resources I see 1 of each image that is in the gallery. The full size image. And if I drag and drop on any of the thumbnails visible in the gallery the image that is copied to the desktop is the full size image. you can also open the lightbox and drag and drop that image to and it is the full size image.
The behavior on your demo is different. If you go to kriesi-shortcodes-masonry gallery and inspect that page and look at the resources there are 2 of each image loaded one full size at 1030 px for example and then a thumbnail at 705px for example. and if you simply inspect the code of the gallery you see that the smaller thumbnail is being loaded in the gallery by default. If you drag and drop this image off you get the smaller thumbnail as expected. But the big difference on your sample is that if you open the lightbox you get the full res image, great. It however is not drag and dropable.
So big questions.
1. Why is your lightbox image not drag/drop compatible and the one in the them is?
2. Your sample is the optimal behavior and why it is likely faster. presenting thumbnails and only full res upon request from the lightbox. How do we get this same behavior in our themes. your masonry script must be different than the one loaded in the theme pack for 2.4.1
Can this be addressed please. thankyou
Hi, I have the same problem! In local site I see the video embeded on the page, on the server I see only a link.
My theme is upgrate to 2.4
I use Media element > video element and the video is on vimeo
Much was made of the SEO update but what about a migration (when possible) to a smarter methodology of image preperation for mobile devices? Right now these graphic-intensive sliders are killing my optimisation.
IE:
http://mobile.smashingmagazine.com/2013/10/24/automate-your-responsive-images-with-mobify-js/
http://www.mobify.com/mobifyjs/v2/docs/image-resizer/
If possible, then surely a huge step forward for the theme? :)
Guys,
We need your SPECIAL help as we just realized that this has to do with the theme not with the hosting, wordpress or other thing. Here’s what we have:
When loading the theme images won’t load (That’s why the logo and background are not showing), even when accessing directly through http. However, when accessing through ftp the file can be seen.
Examples:
ftp://74.220.215.237/northware/wp-content/uploads/2013/04/desarrollo-de-software-260×163.png
vs
http://74.220.215.237/northware/wp-content/uploads/2013/04/desarrollo-de-software-260×163.png
We have noticed that images with the display issues are located on that particular folder.
When activating a different theme images load without any issues.
So far we have tried:
Uploading a previous backup (The whole WP installation)
Restoring DB backups
Reviewing the htaccess file (it is exactly the same as any other WP installation)
But the issues persist.
Please advise
-
This reply was modified 12 years, 5 months ago by
genarojrs.
Hey!
Please post the link to your website so we can inspect elements
Best regards,
Yigit