Hey,
The “Slideshow Image Size” is not the size of the actual slider but the kind of thumbnail that you want to use on the slider. You need to constrain the Easy Slider element on a column element or put it on a div with a specific width and height. It will always inherit the size of its container.
Cheers,
Ismael
Hi,
I have recently purchased enfold and i am a “choices theme” user as well. In the past we would design our page template under choices menu using the template builder then in the post have the ability to SELECT the page template we just built. However i have realised that enfold works differently. First of all i have enabled the advanced layout builder in POSTS :) using the meta.php hack. Aside from that how would one replicate a “similar” process like choices ? ie. I have a set amount of posts which need to have the “same” top and tail ? In choices i would set up a simple page template with the top banner lower banner and inbetween those add an element “page/post content”
ill explain better, so basically i want to have the ability to add a image above the post and below the post BUT not have to do it manually everytime i start a new post, i just want to be able to go over to the right hand side and SELECT the page template to be applied to this post OR what ever other method you can do now with enfold i hope that makes sense !
Bass
I have created two easy sliders (1 full screen) with multiple images. They will only move from the 1st to the 2nd slide and then stop. Please advise.
Thanks.
http://tutorial5.urc.org.uk/about-2/
If you want to actually increase the size of the image then just changing the image dimensions wouldn’t do it. I though you were still trying to get the image to just be the correct size for the container on that page.
The image and content are in 2 sections of the grid for that page. They are wrapped by 2 functions in the config.php file in the config-woocommerce folder of your theme files.
Look for:
#
# wrap single product image in an extra div
#
add_action( 'woocommerce_before_single_product_summary', 'avia_add_image_div', 2);
add_action( 'woocommerce_before_single_product_summary', 'avia_close_image_div', 20);
function avia_add_image_div()
{
echo "<div class='four units single-product-main-image alpha'>";
}
function avia_close_image_div()
{
global $avia_config;
$avia_config['currently_viewing'] = "shop_single";
get_sidebar();
echo "</div>";
}
#
# wrap single product summary in an extra div
#
add_action( 'woocommerce_before_single_product_summary', 'avia_add_summary_div', 25);
add_action( 'woocommerce_after_single_product_summary', 'avia_close_div', 3);
function avia_add_summary_div()
{
echo "<div class='eight units single-product-summary'>";
}
The images are in 4 (four) columns of the 12 column grid and the rest is in 8 (eight) columns. You can change the classes to change the container sizes as needed.
Regards,
Devin
Hi Tech Dude,
Are you adding the images inside a layout element? If not they must be for any kind of layouts in the advanced content editor. Even a 1 column wide element should be used when placing content into the layout editor.
Regards,
Devin
png will allow your image to have a transparent background, jpeg does not allow transparent background. However, you need to make sure your png file is initially saved with a transparent background. if you are using Photoshop to save your logo, you need to go into “Save for Web”, choose the “PNG-24” option and make sure the “Transparency” box is checked off. Hope this helps.
Please, is posible a megamenu with images.
Thank
(2) And I’m referring to the “Gallery” thumbnails size for the theme!
Is this controlled via WP? or the Enfold theme options? or CSS?
thx again
Hi Ismael,
Thanks for your quick reply!
(1) I have 11 plugins installed, one of which was recommended with the theme.
I had no issues before updating the theme so im not sure why it would be a plugin conflict now.
I deactivated the plugins and still have the issue.
(2) I am referring to the gallery option in the template builder. I believe there is only 1 image “Gallery” element available.
You can see the issue if you visit the page at the above link: http://kitodev.com/portfolio-item/kito-l5lb-lever-hoist
(3) I also noticed one other minor issue on mobile when viewing accordion content.
When I click an accordion title and it shows the content, the focus is set to the middle which is confusing.
Is it possible to make the focus at the top of the accordion title?
I think it functions this way when on a computer.
Here’s a demo of the problem: http://kitodev.com/portfolio-item/kito-er2-series-electric-chain-hoist/
Just click through the accordion content on your iPhone.
Thanks for the help.
Regards,
Matt
You are the BEST! Thank you!!!
Hi all,
Please have a look at my website.
http://italiabathrooms.com/
Now look on the main slider at the top. Resize the browser to half and notice that the two small images beside the slider is not in line with each other.
Look at this screenshot: http://i42.tinypic.com/2w250uw.png
How do I get it so that it is all perfectly in one line?
Thanks
Hi Guys,
I was wondering how you created the effect on your “meet the team page” link detailed below. The effect I’m interested in recreating is where you have the text “THE OFFICE – We recently moved the team to New York. Here is how it looks like if you work with us”. You have a background image of New York that stays stationary as the page scrolls allowing the user to peek through.
Kind regards,
Tom
Hi,
From what I understood Kriesi has disabled image caption on prettyphoto.
Is there a way to change part of the code to enable the caption back or is there a problem/bug with that function?
If the caption definitely can’t be shown on prettyphoto, is there a way do display the name of the image, like *imagename.jpg*?
Thumbnail captions work fine but I’m wondering if either the filename or caption can be shown when using the prettyphoto lightbox.
Thanks for your help,
Cheers.
Hey
Is it posible to add a box shadow like
<li>http://btenc7unnvpdjzve.zippykid.netdna-cdn.com/wp-content/uploads/2012/01/CSS-Box-Shadow-Effects5-590x223.png</li>
to the large feature blog images any help would be very much appreciated
Thanks
Steve
this worked pretty fine and moved the footer downwards. but then still there were extra space on top of the portfolio grid which I fixed by using this code,
.avia_sortable_active .isotope {
top: -50px;
}
Now, the problem is all the portfolio images are very close to each other vertically and I can’t even see their shadows.
So, is there a way we can adjust spacing between the images vertically without disturbing the sizes of the images.
HI pixelmixture,
I’ll add the feature request to the feature request thread.
Regards,
Devin
I just noticed you are using WordPress 3.6 and have not updated your theme to 1.9.1+ . You *must* be using the newest version of the theme for any of the themes javascript to function with WordPress 3.6.
For a quick guide on updating your theme take a look at this video on updating the Enfold theme via FTP: htps://vimeo.com/channels/aviathemes/67209750
Hi malaedukacja,
The dummy data isn’t an exact duplicate of the theme demo. There are some limitations in how the data is imported as well as what images Kriesi is able to re-distribute.
But just about everything is there and if you have any questions the video tutorials here should help: https://vimeo.com/channels/aviathemes
Regards,
Devin
Just set the width of the image and the logo should resize just fine. So instead of
.logo, .logo a, .logo a img {
width: 350px;
height: 117px;
}
use
.logo, .logo a, .logo a img {
width: 350px;
}
Please reupload the woocommerce plugin folder and check the folder permissions. It seems like at least one js file is missing or the sever blocks the access to it and this causes a global js error which breaks our slider script too. Your website gives me following error
Failed to load resource: the server responded with a status of 406 (Not Acceptable) http://cmp.christophermatthewspub.com/wp-content/plugins/woocommerce/assets/js/jquery-cookie/jquery.cookie.min.js?ver=1.3.1
You can also deactivate WooCommerce to fix the issue but obviously this is not a solution if you want to use the plugin.
Here you go:
http://goo.gl/64XSk4
Just make sure your browser is set wide enough to see the repeated sides of the image.
The column shortcodes are just “containers” for other shortcodes. If you want to insert text content, images, etc. you need to select another element and drag’n’drop it into the columns area. Eg you can use a textblock element to add text to an existing column. I made a short video to demonstrate the workflow: http://www.screenr.com/N9OH
Hey!
You need to replace following code in avia.js:
$.avia_utilities.avia_ajax_call = function(container)
{
with
$.avia_utilities.avia_ajax_call = function(container)
{
jQuery('.portfolio_preview_container .portfolio-preview-image').find('img').unwrap();
Best regards,
Peter
I am a beginner so I am going to use default dummy data.
I imported dummy data, and to revise front page check edit page.
But it appears loading circle endless as below screenshot.
https://dl.dropboxusercontent.com/u/18766693/2013-08-27%2015-16-36.jpg
I tried to edit “Home v2: 3 Col Images + Contact” page of the dummy data.
Why can’t I see these editable data?
But I can see page of the other edit page such as “Blog Multi Author”
Please help me.
Thanks.
Getting One Step Closer . . . I was able to hard code the height, but not the width for some reason. I even tried !important, but when I scale the browser the image width shrinks.
Please have a look and let me know what I can do to accomplish this. Thanx!
Think I finally found the property to fix. It was switching “display” to “block” from “inline”.
However, still having the same issue when the site scales. I’m not sure what height properties to change in my media calls to make the images still not have the extra space when scaling.
Is there a way to have specific images NOT scale when resizing the browser?
Hi!
I’m looking for the same solution.
I tried putting the 2 lines of code into the top of the avia.js file – both after:
$(document).ready(function()
and
$(document).ready(function()
{
I’ve also tried replacing the activate functions in the same avia.js file with this:
//activates the prettyphoto lightbox
//if($.fn.avia_activate_lightbox)
//$(container).avia_activate_lightbox();
but neither works.
my site is here: popmeetsthevoid.com
I’m trying to remove the prettyphoto lightbox from the featured images that come up in the ajax galleries. Please help! :)
Thank you!
Hey,
1.) You have a lot of plugins installed. Please deactivate them first, remove browser cache then reload the page. See if the issue still exist.
2.) What gallery? The product gallery or the WordPress gallery thumbnails?
Regards,
Ismael
Hi Devin,
Here ya go. The space is subtle, but annoying. Thanx!
http://www.tiikoni.com/tis/view/?id=0ca8047