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
Hi,
Your images are not of the same size. The initial image of the lady with wine glass is 468×608 (original 515×651) but then when i put my mouse over the next image, it is 468×322 (original size 947×651)
Your images are of completely different size and aspect ratio, so the only way to make them proportional is via cropping or preferably you can prep the images prior to uploading them so this way you ensure you control the crop, or otherwise you will have to trust WordPress’ cropping talents.
You should first install the Simple Image Sizes plugin ( http://wordpress.org/extend/plugins/simple-image-sizes/ ). The plugin will give you complete control over images: setting constraints for specific locations like blog, thumbnails, portfolio, gallery, shop, etc. along with the ability to set whether to crop an image or not in Settings > Media.
Changing the dimensions of images does NOT automatically change all the images already uploaded but only affects new uploads. To change the sizes of images already uploaded, you will need to use the Regenerator – also a part of the Simple Image Sizes and found on the bottom of Settings > Media. Don’t forget that images scale down, so always upload images bigger (or the same) as the constraints you set in Settings > Media (with the plugin) or you will get blurry (stretched) or incomplete images.
You should add the code below to your Quick CSS or /css/custom.css file. this will just force all images to be same size as they are (initial image will be smaller so there is no empty space below some images.
#top div .avia-gallery .avia-gallery-big {
width: 468px;
height: 322px !important;
}
Thanks,
Nickn
so – i finally did some recording with the screenr – great tool!
check my recording: http://www.screenr.com/aABH
as you can see the thumbnails arent square – i dont really have a problem if they arent – unless the image is squashes – which it is as you can see… i dont have any plug-ins, blockers or whatsoever installed in IE8 – but thats the way how it looks…
as you can see the fading on the frontpage doest work aswell – neither do the icons – but i assume this was fixed in the last update.
hope that helps
Hi –
the css alteration doesnt make it better. it makes the thumbnails bigger – and still arent square. i tried to resize monitor etc… doesnt affect.
unfortunately i cant post screenshots here – but i have some prepared if you would like to look over…
regards
fading and icons dont work aswell under IE 8