Viewing 30 results - 105,331 through 105,360 (of 106,379 total)
  • Author
    Search Results
  • #123393

    In reply to: Gallery Fade

    Open up enfold/js/shortcode.js and search for this code around line 205:


    //trigger displaying of thumbnails
    gallery.on('avia_start_animation', function()
    {
    images.each(function(i)
    {
    var image = $(this);
    setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
    });
    });

    change it to:


    //trigger displaying of thumbnails
    gallery.on('avia_start_animation', function()
    {
    images.each(function(i)
    {
    var image = $(this);
    setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
    });
    }).trigger('avia_start_animation');

    The gallery thumbs should then load immediately. A fade effect to another color is not possible.

    #123288

    Yes, this can happen because WordPress will not re-size images which are smaller than the defined thumbnail size. On the other hand the css code will scale the image to 100% of the container width regardless of the thumbnail size. And because the aspect ratio of 300×300 is different compared to 495 x 400 the scaled image version can be higher than the thumbnail with the higher resolution which is not scaled.

    #123300

    In reply to: Image align problem

    Please try following – open up js/avia.js and replace:

    elements.on('mouseenter', function(e)
    {
    var link = $(this),

    with:

    elements.each(function(e)
    {
    var link = $(this),
    current = link.find('img:first');

    if(current.hasClass('alignleft')) link.addClass('alignleft').css({float:'left', margin:0, padding:0});
    if(current.hasClass('alignright')) link.addClass('alignright').css({float:'right', margin:0, padding:0});
    if(current.hasClass('aligncenter')) link.addClass('aligncenter').css({float:'none','text-align':'center', margin:0, padding:0});
    });

    elements.on('mouseenter', function(e)
    {
    var link = $(this),

    I couldn’t reproduce the thumbnail issue on IE10 and 9: http://www.screenr.com/uCBH

    IE8 displayed slightly smaller thumbnails but they’re still squared and not distorted, etc.

    You can try to add a min-width to the thumbnails though – add following code to the quick css field:

    #top div .avia-gallery img {
    min-width: 120px;
    min-height: 120px;
    }

    This should force IE8 to display the images with at least 120px width/height or more (depends on the thumbnail size).

    Hi,

    Use this to remove the circle.

    .image-overlay-inside {
    display: none;
    }

    Regards,

    Ismael

    #123348

    Hi dissidents,

    That is the shortcode that generates the content on the front end. It doesn’t actually add an image into your visual editor.

    See: http://codex.wordpress.org/Shortcode

    Regards,

    Devin

    Hi,

    Please provide a URL to the location where this event is taking place. Since there are so many ways to customize this theme, and with a number of updates already released, -there is no sure way for us to provide you with a reliable answer without first looking at the code on the page this is taking place,.

    Your best bet is to mask the link using http://www.goo.gl or show a page on the demo site which displays the behavior. However. a screenshot alone is not very helpful since we need to see the html/css/js code particular to your situation in order to provide a meaningful solution.

    Thanks,

    Nick

    I got video to show in a lightbox by using the media option and “link to video in URL” field. there are examples of links on the right side.

    the downside is that it only displays the url link as a hyperlink. i would love to have the same functionality, but show an image rather than the text hyperlink. sorry if i’m hijacking your thread. i was about to start my own thread for that before i saw yours

    #24452

    Topic: Preview Image Size

    in forum Enfold
    joe88
    Participant

    Hello. Regarding the ajax portfolio, when I select “choose preview image size” instead of “automatically set image size”, it seems like the featured portfolio images are getting resized instead of the preview image. Is this correct? If I select “automatically set image size”, the featured image in the grid looks fine, but I would still like to have a smaller preview image. Hopefully this makes sense. Thanks.

    #122660

    In reply to: Mega Menu – How to?

    Sorry I just wanted to edit my original post but I passed the time-limit. I tried the text-align:center and it worked this time, i added that styling to a heading class and put the image inside of it….like this:

    <h4 style="text-align: center;">Canine<br /><img src="http://alpha.johnpaulpet.com/wp-content/uploads/2013/04/dog.png" /></h4>

    Which can be seen here, http://alpha.johnpaulpet.com/ and please, this is a draft of a draft….no judging, but I will take constructive advice! :)

    #123082

    I am using the multi author blog style.

    I will look for it in the custom.css

    #123404

    thanks, i did try as suggested, but on iphones my site did not load the style sheets properly.

    i checked this out online with googles mobile page speed checker and the image preview returned was all over the place?

    I then cleared everything on my iphone and tried again and it still look an awful mess? any ideas

    thanks,

    #123378

    In reply to: Page Lay-out

    Hi,

    I’ve been trying some things with CSS, using the following:

    .el_after_av_one_half {

    background-color: #f9f7f7;

    height: 335px;

    }

    div .av_one_half {margin-left:1%; width:49%;}

    .avia_textblock {

    padding:20px}

    On desktop version it works ok, but on iPad the fixed height causes trouble. The image crops, while the text block stays the same height. Besides, it obviously affects also all text blocks (e.g. on homepage etc). Hopefully you can provide me a more neat solution!

    kind regards,

    Nick

    #122659

    In reply to: Mega Menu – How to?

    First of all the new tutorial is perfect, and in fact I had done very much the same thing .with the info “Dude” had given me….

    I’m now playing around with adding more html and styles, but I wanted to ask, my current task is trying to center the image and text in the area that’s created, Ive tried a few methods such as margin 0 Auto, and wrapping it with a text-align: center <p>…thoughts?

    AND how would you handle the placement of where it drops down from the nav bar itself? (mine is 5 main nav items and sometimes it drops down far away from the menu item)

    Thanks so much!

    #123305

    Hi,

    I am using the last version 1.5.1. I figured out something.

    I think I made a mistake by adding a “blog” module on the page where I told enfold admin I wanted the blog. That creates a conflict. I thought that because I chose my page called blog to display the blog I hade to put a blog module on it but that was a mistake.

    I didn’t need the blog module on that page ;-)

    Just one thing, if I want to put a grid layout and all my featured images to appear the same size do I need them to be at least 495 x400 or they will have different size if some are smaller (300×300 for example)?

    Kind regards

    #117527

    Hey!

    If you added the image to your content area/layout builder before the update you need to remove it and insert it again. The shortcode/builder element then saves the necessary image id as well, which is necessary to pull the other attributes from the database ;)

    Cheers!

    #24420
    rinoy
    Participant

    I added User Photo plugin to add profile pic for users, their comments & their blog posts author image. but it won’t working. It shows images from gravatar.com. I need the user uploaded image to show instead. for those other than the registered users the pic should be from gravatar.com. Is it possible?

    Well,

    I tried this and that – if you don’t expand the width of the originally uploaded image to more than 256px everything is fine for a 4-col megamenu

    regards

    katharina

    #24412
    CurlyHost
    Participant

    So, I’m having an issue with the Easy Slider. I have three images in my slider and I have it set to auto-rotate. However, it seems to only slide to the second slide and then it stops. It doesn’t go on to the third slide or keep rotating or anything.

    http://test.curlyhost.com/find-a-home/grand-rapids-luxury-homes/

    Is there something in the settings or code that I have to change to fix that?

    Hi again Nick and thank you kindly for your prompt response. I have uploaded an image here: http://imgur.com/kOnuj7T

    Instead of my blog (unpublished and messy for the moment) I recreated the problem with the dummy data included in Enfold, which I am sure you’re familiar with.

    You can ignore case (3) of the picture I have uploaded. It was the initial issue and I am sending it just in case you want to look into this if you hear the same from others.

    Case (1) is what I was referring to with regard to the file name above the lightbox picture. It is the dummy data post displayed on its own page. This is what you see when you click the featured image.

    Case (2) is something I just saw. The blog slider displays an image with a whitish space around the actual image. This is happening even if all post featured images are the same size (say 80X80) and the image size has been set to 80X80 in the resizer plugin and all images regenerated or posted after the size was set. In the post page the images appear as they should. The problem is you can’t use a color layer background other than white as the white box that surrounds the image looks like a “hole” in the colored background.

    Of course the twitter image is just an example.

    Best,

    Stephen

    #24401

    Topic: Formatting disappears

    in forum Enfold
    Martin
    Participant

    Hello,

    I tried the following things with your theme:

    In AVIA mode:

    1) I tried to add some shortcode ( tag) into your price list to add some graphics into columns and it all worked fine. Just until the moment I re-entered the page and wanted to edit it. Somehow a slash was added by the backend to the tag and it didn’t work anymore.

    2) I edited the price list again to show the images and closed it. Then I added a new element to the page and saved the whole page. The graphics were gone at all. When I opened the price list again, the fields with the graphic tag were empty.

    3) I formatted some captions and texts on other pages (made them bold with the editor buttons for example or centered text). After saving first time all was fine. When I re-opened the items, the formatting was gone. If I created a second item the formatting of the first item of a page was gone (without opening it).

    I really don’t get what’s wrong. Especially when using the original formatting buttons without adding manual code. :) Perhaps you can help me?

    And a feature request: It would be nice to be able to center the text in the caption element (H1 to H6) of AVIA. Because adding manual

    tags works the same like the examples before. First, it is all fine, then after resaving or re-opening it dissappears.

    Regards,

    Martin

    #24400

    Topic: Gallery Fade

    in forum Enfold
    artistic24459
    Participant

    Is there a way to turn of the gallery fade for the loading of each image. I find it a bit hard on the eyes.

    http://kriesi.at/themedemo/?theme=enfold

    Gallery with preview is the effect Im talking about. When you hover over each image you get the main preview fading from image to white to image. Is it possible to speed up the fade or stop it altogether?

    #123287

    Hi,

    My site is still in maintenance mode..

    Just to be sure, I understand what you say, if I want my “blog grid style” (yes that what I meant by masonry..sorry) with all the images at the same size, my original pictures have to be at least 495 x 400 is that it?

    I checked one that looks bigger on my blog and it is 300 x 300. So if the image size is smaller it will appear bigger than the normal blog grid style, is that it?

    I couldn’t understand why a smaller size picture looks bigger :-/

    #120828

    Hi,

    same problem for me, my background in a colored section appears black in chrome on my macbook. The issue is that the same background appears correctly on another page on the same website!

    It also appears correctly on chrome on a PC.

    Finally, I must use the “Repeat” option because my original image is small.

    Any idea?

    Kind regards,

    #123335

    Hi iclarity,

    WordPress has a function that allows developers to tell it to create thumbnails of images when they get uploaded. So when you upload an image Enfold has asked wordpress to make a few additional copies at various sizes. What you are seeing is one of those sizes shown instead of the fullwidth image.

    You should still be able to see the full width image if you insert it at Full Size in a visual editor or by going to its direct url.

    Regards,

    Devin

    #120827

    The temporary solution :

    1. Don`t switch on Background Repeat = “No repeat” ! turn off “no repeat”!

    2. Play with Background Image Position for best look

    3. Background Attachment = Fixed

    For helpdesk : please, check with “No repeat” option + 3-4 fullscreen background image . ( with 1-2 it works , for more than 2 – not )

    thanks

    #24377
    iclarity
    Participant

    I have a very strange issue: when I upload images the seems to be cutt off / sliced automatically. I have added a small movie to show you.

    First screen is my website, the second one is in a standard WP installation.

    http://screencast.com/t/rzjcEyLNXby

    Please help me out, because I’m stuck :) Thanks!

    Thanks for the help Ismael.

    .image-overlay {

    background: transparent;

    }

    works fine but the other command to remove the circle doesn’t work.

    #123299

    In reply to: Image align problem

    On the lower part of this post both the left and right aligned images are not automatically snapping into place. I used “.blog-meta {width: 100%!important;}” to fix the featured image.

    http://vstudio-fotografie.de/tzlu/2013/06/titel/

    Hi,

    You can add this on your custom.css or Quick CSS

    .image-overlay {
    background: transparent;
    }

    If you want to remove the circle, use this instead.

    .image-overlay {
    display: none;
    }

    Regards,

    Ismael

Viewing 30 results - 105,331 through 105,360 (of 106,379 total)