Hi andypeck,
it works fine in Safari (Mac) on your end? Can you give me your URL to have a look? Like I said, the fixed background image does move in the color box when viewed in Safari, but with a noticable delay.
I second that
Just set up a color section with a FIXED image in it with a quote over the top. Looks fine on my Mac & Safari but doesnt work at all on IOS devices. The text (quote) appears as it should but no image
Cheers
Andy
Hi there,
when using a color section I have the option to include a background image and mark it as “fixed” in position, resulting in a quasi-parallax effect. This works fine on Firefox and Chrome, but is very choppy on Safari (Mac) and does not work at all on the iPad – the image just scrolls with the rest of the page.
You can see it here: http://www.presentpro.de, on the home page. It’s the section with the three icon boxes at the bottom.
Thanks for looking into this!
Andy
Hey!
1) Yes, there’s a small bug in 1.5 and we released a hotfix with 1.5.1.
2) I can reproduce the issue – I sent Kriesi a mail and asked him to look into it.
Regards,
Peter
Also, why does it appear there was an update v1.5.1 but there is no mention of it on themeforest? I can see from the 1.6 install video the guy has v1.5.1, as does one of the posters on this thread. My version was definitely only 1.5.
I’ve now updated to v1.6, but because v1.5.1 seems to have passed me by, I think I also need to update sidebar.php (from what I could see of the updated files on the 1.6 install video on vimeo). Since updating to v1.6, I still have the blank alt and title tags on any image inserted using the media element>>image on the page builder.
Hi guys,
I’m using v1.5 still (haven’t updated to 1.6 yet), I’ve followed the instructions above from Kriesi but the alt and title tags still appear blank. I cleared my browser cache, still the same. Using the Avia Page Builder I am placing an image element into a 1/3 page element. The only time I see alt tags for my images is when I insert them using the text block element, which isn’t ideal.
Are you sure v1.5 fixed this issue and if it does do you have any further suggestions for me? Do I need to update to 1.6?
Thanks,
Matt
Ah, I didn’t even try linking from the image element. Worked exactly like i wanted it to. thanks Ismael!
I kind of like the parralax section in that link I found…I think its done in the colored section settings…
I know what you mean, some themes have a “flat” css version built in….I kind of like this flat design, http://designmodo.github.io/Flat-UI/ and there are some themes that specialize in it.
For arguments sake the css for the buttons is here, and i believe removing that background image gives the “Flat” effect to all the buttons:
body div .avia-button {
background-image: url(“/themes/wp-content/themes/enfold/images/layout/bg-button.png”);
background-position: 0 0;
background-repeat: repeat-x;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
display: inline-block;
font-size: 12px;
font-weight: 600;
line-height: 1.2em;
margin: 3px 0;
max-width: 100%;
padding: 10px;
position: relative;
text-align: center;
text-decoration: none;
}
Would one change it to this (adding it to quick css or whatever its called for enfold):
body div .avia-button {
background-image: none !important;}
Enfold Team can we get a ruling? :)
Of course then you’d need some kind of ohover selector to lighten (or darken it) or change the color to what you want? maybe a transparent png?
body div .avia-button:hover {???
Hiya,
I am experiencing issues with the layerslider and the response-time the media gallery has when editing.
It’s as if it’s a caching issue of some sort – my expected result on an “onClick” is that I get a response, be it deleting a layer, having Options open up for editing, or clicking on an image for it to load into the slider.
Over half the time I spend over a minute waiting or dicking around to get an OnClick response event, but the response (like the actions above actually firing) is pretty random.
Theme or plugin issue and how do I fix this?
ta muchly :)
~s
Version 1.6 is great (thanks!), but it did breaks something that used to work in 1.5: if you have an icon box and place another font icon within that icon box, you can’t align that icon anymore. It sticks to the left, and even though there is an option to align left/centre/right within the shortcode dialog, nothing seems to stick.
Thanks for looking into this!
PS: Here’s a screenshot to explain what I mean. The triangle at the bottom used to be centered, and there was more padding below. You can see it on presentpro.de, but I’ll try to fix it tomorrow with some workaround.
Hi Ismael. I’m using 4 items per row and I believe 12 total items per page. I would just like to know how I can change the image dimensions of the preview image. As I mentioned above, setting my custom preview image size is changing the size of the portfolio items also. If this doesn’t make sense, I can try and attach a screen shot.
How do I remove media images linking to a lightbox? I uploaded some image icons and they are acting like they should be clicked on and I don’t want them to be. How do I remove this feature?
thanks,
Hi,
You can use the Show Until option then play around with the Transition In/Out Duration. For example red image will come have a Transition In/Out Duration of 1000ms then Show Until 1000ms, set the next blue image to have Transition in Duration of 2000ms then Show Until 1000ms and so on and so forth.
Regards,
Ismael
Hi,
If you are using the Advance Layout Editor, go to Media Elements, insert the Image element. Look for “Image Link?” option, select “Set Manually” then insert the video url.
Regards,
Ismael
Hi,
The preview image or thumbnails depend on the number of columns you’re using. How many columns do you have on your portfolio page?
Regards,
Ismael
When you goto the magic wand, insert media, image slider it puts in the proper images into the shortcode.
When you go to the magic wand insert media, gallery it does not put in the proper images but leaves it blank.
Why does one insert the id’s of the photos and the other does not?
** Follow up edit. Why does it give me the option to insert the images if it doesn’t work?
How do I make the Title, text and button I added to the layer slider reponsive on mobile?
Here is full screen: http://cl.ly/image/453y0J290c3Y
Here is mobile: http://cl.ly/image/3G1i2h0k0G25
Thanks.
Hi,
I totally don’t understand what you just said but the shortcode you provided totally works on my end.
[av_gallery ids='' style='thumbnails' preview_size='portfolio' thumb_size='portfolio_small' columns='5' imagelink='lightbox']
Regards,
Ismael
Hi chryseis,
The images should be the same proportions if you want them to come out the same. WordPress can be a little funny on how it actually creates the thumbnails so the less it has to do the better the result.
Eg, if you want to make sure they look their best try and use images that are all larger than needed and cropped to the same pixel dimensions.
Regards,
Devin
Hi Katharina,
Without inspecting that exact implementation live I can’t say for sure what the issue was but typically what I always suggest when adding images to the mega menu is to use the exact html for the image with the size inline.
Regards,
Devin
It can be easily achieved.
1. Enter a custom link to your Menu.
2. As title, use the preferred image and enter the HTML code (like img src=”absolutepathtoyourfile.png”)
3. Provide a class or id to your image
4. Have some formatting to it (like a padding or margin to space it out).
5. You need to hide the regular logo with display none
6. Some other CSS stuff need to be optimised.
7. Attach a media query to the logo so it may float on smaller devices (giving a z-index will solve some probs I think).
And so on… :) So it ain’t that hard…
I am having a similar issue where the thumbnail aspect ratio is correct from all of the previous portfolio images I uploaded, but the new ones are cropping off and causing the grid to be off. Would this same code fix the problem I am having? All of my portfolio images are 16:9 aspect ratio.
When you use the image slider with the shortcode on a blog post it generates the code that works with the appropriate image id’s.
Enfold Shortcodes In Layer Slider are not working?
Any thoughts here and how I would add awesome buttons to the slider? I need this look http://cl.ly/image/1x1g2K0o022g
Thanks.
Hi Monsoon,
I cover that in this video (around the 1:45 mark): https://vimeo.com/channels/aviathemes/64927358
Its just a Color Section with an image background set to Fixed with content inside the color section. Quick and easy :)
Regards,
Devin
Hi,
Its not a good idea to designate the width in % and the height in pixels in a responsive theme , since you will run into problems on different screen sizes.
Your main image is nearly 900k which is also gonna cause problems especially for visitors on mobile devices. You can compress it down to 100-200k easily. ( http://www.jpeg-optimizer.com/uploaded_images_final/Aussenansicht-Lokwerk-Startseite-Layerslider__1370605903_36.37.220.236.jpg )
Please update the theme at themeforest.net as version 1.6 is out and you are using 1.31 and there are lots of fixes in the update. You may install the update using FTP , just please be aware that it will overwrite all theme files, so make a backup first if you modified them.
Thanks,
Nick
Kool, thanks. What about a drop shadow? Possible?
Update:
I tried padding: 7px; border: 1px solid #c3c3c3; box-shadow: #888888 2px 2px 8px; this way:

It looks fine in the theme until I hover it. Then the shadows changes.
Is it somehow possible to set all this in custom.css and apply it to an image with just typing: img style= “shadow” or using the Edit Image Advanced- Style:?
Hi.
Please show a url to where this problem is taking place so that we can give you the css code because otherwise we would need to guess. Please use http://www.goo.gl to mask the url if you want.
Thanks,
Nick