Hi,
Import the Dummy data. Check the dimension of the layers on LayerSlider WP. The slider “Enfold – most beautiful theme ever” is a nice example of a responsive slider. Suggested background image size 1600x470px.
Regards,
Ismael
Hi,
I already reported the issue to Kriesi.
You can put the EasySlider inside a column, I think that’s the other workaround when using the EasySlider.
Regards,
Ismael
Hi,
Sometimes, the best way to get sharp thumbnails is to create thumbnails that fits exactly on the container. This is why we need to change the thumbnails sizes on functions.php. Can you give us a link to your website?
Regards,
Ismael
Hi,
Suggested image size for that kind of layout is 666x539px. You can change this line on functions.php
$avia_config['imgSize']['gallery'] = array('width'=>710, 'height'=>575 ); // images for portfolio entries (2,3 column)
Regenerate the thumbnails.
Regards,
Ismael
To be honest I would like to match the text boxes of the second slider. Do you have the slider code I could import? Can you import it without images?
Hey!
Hey!
You can use the monitor yes. I got those images from a psd distributing site that allows to use them for any purpose ;)
Best regards,
Kriesi
Thanks, Ismael,
How do you regenerate the thumbnails?
Hi Ismael,
Your instructions did the job .. thanks. I am only still struggling with the background header image.
Some of the backgrounds included in the theme are working but most of them are not working in the header.
I will check the tabs again on some mobile phones to see if they are working okay.
Regards,
Jan
Hey!
I tried to reproduce the issue but wasnt able to reproduce the issue. Probably some of the css changes we did already fixed the issue. We will release a new version in a few days, please update the theme then and let us know if the problem still persists once you did the update ;)
Hey!
Open up wp-contentthemesenfoldjsavia.js and delete following line:
avia_hover_effect();
Best regards,
Peter
Ok thanks for that. I will keep to the galleries you already have. Would be nice to have a gallery which opens up full screen and has the options of images within each image. Like this example…
http://codecanyon.net/item/igallery-interactive-wordpress-photo-gallery/full_screen_preview/4383911
At the moment you have to have different galleries for each subject. For example one for location work one for studio work etc etc.
Anyway thanks for the update, you all do good work :-)
Hi there,
I want to replace the the entypo icon which appears on the rollover effect and ‘Dude’ suggested I use the following code to do so…
.image-overlay.overlay-type-extern .image-overlay-inside::before{content:”E714″;}
.image-overlay.overlay-type-video .image-overlay-inside::before{content:”E714″;}
however, I can’t make this work.
Any suggestions?
Hi there dsgnerfw,
theres actually a tab in the main dashboard called ‘portfolio’… go there, and make a new portfolio item but make sure you create a ‘featured image’ which is at the bottom right of a NEW page. The featured image is the bit that appears in your portfolio grid. then add sliders, copy and anything else on that page. If you want multiple categories like PHOTOGRAPHY or VIDEO then either create them in the categories bit (still under the portfolio tab) or from within the new portfolio item you are creating (down the right hand side of the interface) Once youve created a few cats then when youve added a few portfolios items you can just tick which cat you want to assign it too. Portfolios can be assigned to multiple cats too
Hope that helps
Andy
Did you check the image url – maybe ../images/layout/loading.gif is not valid in this case. Try an absolute url like: http://www.andypeck.co.uk/wp-content/uploads/2013/05/logo_main.png
The code would look like:
.image-overlay.overlay-type-extern .image-overlay-inside::before{content: url(https://www.andypeck.co.uk/wp-content/uploads/2013/05/logo_main.png);}
.image-overlay.overlay-type-video .image-overlay-inside::before{content: url(https://www.andypeck.co.uk/wp-content/uploads/2013/05/logo_main.png);}
You can also insert this code into the quick css field.
You’d need to modify the shortcode file. Open up wp-contentthemesenfoldconfig-templatebuilderavia-shortcodesimage.php and replace
$output.= "<a href='{$link}' class='avia_image ".$meta['el_class'].$this->class_by_arguments('align' ,$atts, true)."'><img class='avia_image {$class}' src='{$src}' alt='{$alt}' title='{$title}' /></a>";
with
$output.= "<a href='{$link}' target='_blank' class='avia_image ".$meta['el_class'].$this->class_by_arguments('align' ,$atts, true)."'><img class='avia_image {$class}' src='{$src}' alt='{$alt}' title='{$title}' /></a>";
hi,
I’m using justified image grid with enfold.
I just wish to use justified image grid image overlay features, how I get rid of every enfold native image overlay, both icon and background.
thanks.
Hi!
Which theme do you use? Please always post in the theme sub-forum.
Regards,
Peter
Hi guys , I’m totally clueless with responsive design since I’m more of a fixed width layout kind of a guy. I understand the layout slider uses layers and transparent png files.
I want to know about
> In the enfold example, the first slide is this wooden floor , and there’s a monitor, laptop , phone and text .
This wooden floor << what is the exact size or recommended size for a background in the layout slider ?
For the transparent png’s , I don’t get it. Do you need to make sure the png’s inside can be contained in a 960 width or lesser layout ?
Or to sum it up. How do I make the background images , and other images in the slides compatible with most formats ( mobile, pc, etc ) ?
Hi,
You can change the image size on functions.php
$avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column)
$avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columns
The code above are thumbnail size for 2,3 or 4 column portfolio. Regenerate the thumbnails after.
Regards,
Ismael
Hi,
You don’t need to build different pages for your videos. Just create a page, insert columns, on each columns insert an image which is linked to a video url.
You can insert videos on LayerSlider WP.
Regards,
Ismael
Hi,
Use the Advanced Layout Editor, go Media Elements, insert Gallery. Click Add/Edit Gallery, click on the Images that you want once.
Regards,
Ismael
Hi,
I am a beginner in WordPress.
I create new portfolio items, but I don’t know how to add an image to represent each item.
When I go in my portfolio items list, I have all my portfolio items, but the column of image is empty.
When I create a portfolio grid, I have no image.
Thank you
Hi,
I’m sorry but it is not possible. You can’t see it on the theme demo. What you can do is to create a full width page, insert 1/5 or 1/4 columns, insert the image element then link it manually to a video url. Just like what you did here http://essentialmessagemarketing.com/portfolio-item/portfolio-test-1/. Click on the image.
Regards,
Ismael
Hi,
It is not possible according to Kriesi.
https://kriesi.at/support/topic/caption-in-lightbox
Regards,
Ismael
Hi,
I think that is a good solution. Glad you fixed it.
Cheers,
Ismael
Hi I was wondering if there is a way to use the image in media elements so that when they click on the image it opens in a new tab.
Thank you.