I came across this more recent post that addresses this issue: https://kriesi.at/support/topic/galery-pictures-load-effect

Hi,

Open up enfold/js/shortcode.js and search for following 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’);

and the gallery thumbs should load immediately.

I have implemented it and it seems to work, but my question is, why hasn’t this been written into the code for us? It doesn’t make any sense to have to scroll down a complete page of thumbnail images before you get to see them not greyed out! Now I may have to amend the code everytime I do a theme update, so is there a good reason this fix hasn’t been applied to the code for us?

Thanks,

Matt

Thank you, I will upload the plug in.

http://www.dmcamera.com

I have now made PNGs of text in photoshop but would still prefer to use text block.

New problem, In the gallery I have made the generic images are uploading onto my page although they are not in the post I created, I double checked.

Thank you, I will upload the plug in.

http://www.dmcamera.com

I have now made PNGs of text in photoshop but would still prefer to use text block.

New problem, In the gallery I have made the generic images are uploading onto my page although they are not in the post I created, I double checked.

Hi,

“To fix the blog grid image, please add this on your custom.css or Quick CSS”

.attachment-portfolio.wp-post-image {

width: 100%;

}

This code is working, but in Internet Explorer – Category Archive, i have the same problem. (http://seegers-fotografie.de/category/diverses/)

Just gonna add more info.

On one page I have multiple text sections separated by images or other elements.

After I complete writing one section I save it, then upload it. This text section will be fine on the website.

When I create another text section and go through the same process: save then upload, the previous section will be altered in some way if not completely lost.

Hi Devin,

Thans A LOT for your help. I have added the code you gave me on my quick CSS and it seems fine now.

Nevertheless I have one question. I understand what caused the problem was because I should have only “repeat” for the images but was it possible for me to do it without your help? Actually, I couldn’t chose only “repeat” in enfold admin (see link above), could I?

https://www.dropbox.com/s/lsq61v9qb3a70ax/Capture_d_%C3%A9cran_17_06_13_13_08.png

It’s important for me to understand cause I don’t want just to have a nice website but know how things work in order not to make the same mistake again in the future.

#2 ok for the slide, I understand.

For the responsive problem, I am on ipad 1 so do you think it’s because of my ipad version? I didn’t know things could be different from one ipad to another..Makes web developping not an easy task ! ;-)

About the enfold 1.6 can you tell me how it works? the theme I’ve worked with before, I updated directly from wordpress…

Here do I have to download it from my themeforest and send it as a zip using wordpress admin? Will there be any consequence on my layout or will I keep everything like it is?

Moreover, when I make an upgrade of the theme, do I loose the css I have put in quick css with the old version?

Kind regards

Hi Nick,

thanks for the fix which now shows the image centered!

I insert images into the post using the “add media” button so I can add as many as I want using a standard format blogpost. Then I chose the one I want as featured image and insert that as well.

I see that all my images inserted within the justified paragraphs are justified too. How do I avoid inserting images justified? Is the fact that they are justified a big problem?

Thanks for solving the image positon issue.

How about the link to the main blog homepage (in the site now the link is ‘Blog2’) still bringing back to a page showing the entire articles in a row rather than just the excerpts with the read more link although that is selected correctly in the backend of the Blog2 page?

Thanks,

Antonio

@dsnerfw Here is what is looks like under your changes..the font is overlapping…

http://cl.ly/image/2u3H0n3H3n1j

Hi Nick,

here is the link to the dummy blog i just created (same exact options as for the regular blog):

http://vacationrentalsecrets.com/blog2/

I did follow all of your tips in each screenshot and apart from the Theme Options within Enfold for the blog which were not set to “Blog” initially and this only caused the “Blog – Latest News” link to go to my hompeage instread of the Blog homepgae, all the others where exactly already set as you later suggested and the page looked exactly as I wanted it to be.

When I inserted the css inside the quick css field and saved it, the image gets to the left instead of being centered as it was correctly before. If I don’t insert anything in the quick css field, the image is correctly placed in the center.

If I do not select “Blog” inside the Theme Options and leave it as is, the page looks perfect (without your css) but the link is still to the website homepage. If I do select “Blog”, then the image is no longer centered and the problem with the blog not showing the excerpts anymore but the entire articles in one single page is recurring.

I filmed everything on my end here. You can watch it at the following link:

Hope that helps…

Thanks.

Antonio

Hi,

I am using Easy Slider, I have also updated my theme to 1.6, but it still dosent working.

Layer Slider? Do you mean Advanced Layerslider?

Non of my slider works, its, stop working, after 2. image.

Can you please help me with this.

my website is:

http://www.posa.dk

1.) Hi Nick , Yes I have tried the code. Both

.header_color {

background: none;

}

.html_stretched #wrap_all {

background-color: rgba(255, 255, 255, 0);

}

and

.html_stretched #wrap_all {

background-color: rgba(255, 255, 255, 0);

}

.header_color .header_bg {

background: #FFF url(http://blog.blue2x.com/wp-content/uploads/2013/05/bg2.jpg) top center repeat scroll;

}

but it didn’t work

2.) Sorry about it, its suppose to say “vertically” rather than horizontal. And now that I have seen the enfold responsive mobile version.

I was thinking if i could allign the logo to the top left

Menu button like enfold mobile to the top right.

In my image below, first is the my current screenshot. 2nd is the enfold one. and 3rd is the one that I want to achieve.

Basically I want to remove the black space on top ( see 1st image ) , allign logo vertically, and also to the top left.

Menu to the top right and also allign vertically.

The header background image no longer repeats vertically or if given an alternative just remove the header image and change it to a solid color?

3.) As for the text in the slider you are right , it’s visible but it’s small. I may plan to increase the font size or just use the google font ( might want to play around with a similar looking type ).

4.) As for the layer not showing, you can see in the screenshot the blue gradient line ( in the layer slider ) doesn’t appear.

http://sta.sh/08dx22f3kxj

5.) Is there a way to do like inspect element on mobile phones like firebug in browsers etc ?

Thanks for helping me nick.