Hey!
Add the usemap=”#mapname” attribute on the image then use the same map name on the map tag.
<img usemap="#mapname" src="http://lnx.hindu-temple.net/wp-content/uploads/2014/01/piantina-tempio2.png" alt="piantina tempio sri lalita tripura sundari" width="942" height="603" border="0">
The map tag should look like this:
<map name="mapname" id="map">
Cheers!
Ismael
Hi wethepublic!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 480px) {
#layer_slider_1, .el_after_av_layerslider { display: none; }}
Regards,
Yigit
When I see my mainpage in the mobile, Main slide & Image are seen too small.
So I want to remove slide&image in the mainpage mobile.

my site link : http://www.lawbis.com/
I Fixed.
The problem starts with uploading images.
Sometimes when uploading an image wordpress shows error.
But the image upload is completed on FTP.
I noticed that the images showing error in uploading lacked thumbnail in the media center of wordpress.
When a gallery was created with these images, the gallery was showing wrong images.
To fix, delete all the images without thumbnail in wordpress media center.
Hello
I do not want a image opens in a lightbox when i post. Image is featured image.
I found a answer ( Youtube ) But i do not know where to put the code
Thanks
Iwan
Hi there!
Just seen my site on my 27inch iMac and the Background Image (pool water) I’ve add to a Color Section on the homepage is not full width even though the actual image is 2560px wide. When inserting the image the largest I can set it to is Fullscreen Section/Sliders 1500×1000 in the drop down but this does not display fullscreen.
http://www.celadonsamui.com
Is there a way to create a full screen width background image with content, e.g. a Promo Box, on top of it? I’m sure I’ve seen you achieve this in your demo
Thanks very much!!
HI
I am trying to disable all the image rollovers (transparency) on this site:
http://www.thisistouch.com/testing
is there a code for the whole thing?
I tried:
.image-overlay { display: none!important; }
but that did not work.
thanks for your help once again!
In the meantime.
I helped myself and maybe this helps someone else so I write how I did it.
I had to erase in the base.css of the original theme the “width:auto” line under Images. Now it works.
Changing it just in the child theme’s style.css didn’t helped as it gets overwritten.
I just have to make sure the images have at least a minimum hight of 100px or the image overlay (circle with the arrows) doesn’t work anymore.
/* #Images
================================================== */
img, a img {
border:none;
padding: 0;
margin:0;
display:inline-block;
max-width: 100%;
height:auto;
width:auto;
image-rendering: optimizeQuality;
}
can be closed
Hey nagpf!
1) Enfold does not support qtranslate but only WPML.
2) Yes, the next update will allow you to add a background image with parallax to the color sections.
Cheers!
Peter
Hi, Please do not write just ‘any’ reponse. How could happen that one link displays the Caption if I have not inserted it?
Hi!
Please revert Ismaels change and use following code instead
#av_section_3 .iconlist_icon [data-av_icon]:before {
content: url('http://www.cadeaugolf.nl/wp-content/uploads/2013/04/image_rl2.png');
}
You probably need to upload a smaller version of your logo – the current image ( http://www.cadeaugolf.nl/wp-content/uploads/2013/04/image_rl2.png ) is too big.
If you want to replace the icons of all icon lists (entire website) use following code
.iconlist_icon [data-av_icon]:before {
content: url('http://www.cadeaugolf.nl/wp-content/uploads/2013/04/image_rl2.png');
}
Best regards,
Peter
Hey!
Make sure you fill out the “Caption” field before you insert the image into the post: http://www.clipular.com/c/5653306185613312.png?k=kNQbmoGeRFayWLxEBv1BxEmA2_g – otherwise WP won’t add a caption shortcode to the image.
Cheers!
Peter
Hey susannetessamueller!
f you want to change the gallery/slideshow settings please select the “Don’t show the images at all and display the preview text only” option: http://www.clipular.com/c/6453051829256192.png?k=5TIdSdjsRn87CQytVuQeUU4899A
By going this way Enfold will stretch the content area of the ajax preview to 100% width and you can use the new space to build your custom layout. I.e. use a 2/3 column element and the “Easy Slider” shortcode and change the autorotation time to 4 seconds. Then add a 1/3 column and insert your preview text into this column.
Best regards,
Peter
Guys are we allowed multiple portfolio pages?
For the top navigation I have all image collections showing here: http://dev.lorenasarbu.com/collections/
The client would like the collections to have their own unique pages.
So to the menu I added separate pages that include each collection and added them to the main nav.
Unfortunately I am getting broken pages. How come?
http://dev.lorenasarbu.com/collections/pre-fall-2014/
http://dev.lorenasarbu.com/collections/resort-2014/
Thanks!
Using Enfold 2.4.5, WP 3.8. (This does have the new 5.0 LayerSlider, right?) At any rate: My current global settings for responsive, fullwidth slider: Slide width x height = 1700×600 px. (bg image is exactly those dimensions) Responsive under 1140, Layers container 1140.
Problem: Slider is way off-center, with only left nav arrow showing, etc. But if I set to slide width x height to 100%, all is fine. But in your LayerSlider video, you advise strongly against using a percentage for responsive, hence the px.
What are the global settings on your demo? The demo looks perfect.
Thanks.
Hey!
I tested your website on an Android device with no issues so far, i’ll tag Yigit, who has an iPhone.
Regards,
Josue
Hi. I’m looking for where this is controlled. With the big image/thumbnail animation, each image fades out completely before the next comes in… I’d love to tweak the way this displays, possibly just to speed up the transition, but I can’t find where it’s controlled… I’m assuming it would be some kind of CSS transition property, but I don’t see it anywhere in the theme.
Here’s the page:
http://subterranea.net/vusa2/products/harmen-32-es-1432/
Which styles should I do that?
Do you have some custom style for the woocommerce located in the enfol css directory? or should edit the style from the woocommerce plug-in location?
I think this might be the same problem as this thread: https://kriesi.at/support/topic/disable-image-rollover-2/
But I’m trying to remove the transparent white overlay that appears when you mouse over certain images from the entire site, I tried the code in that topic but it didn’t work.
Hey!
Please refer to this post if you would like header to be resized when scrolled https://kriesi.at/support/topic/change-logo-image-for-scrolled-header/#post-188003
Instead of 200, you can use 90-100
Best regards,
Yigit
-
This reply was modified 12 years, 2 months ago by
Yigit.
Sorry, i didn’t wrap the code in code tags –
$output .= ' <img src="http://topaz.parkhomes.ca/images/toggleIcon.png" alt="toggle icon"></p>';
Mmmm, I’m a bit confused because when I inspect the element it and turn off the font-family in the styles the icon changes to a rectangle; see my screen shot here for what I am inspecting:

Also, I changed line 216 in toggles.php to this:
$output .= ‘
</p>’;
and it didn’t change the icon. Please advise; I’m also curious as to where the css is for this, please, I assume for ‘vert_icon’ and ‘hor_icon’. Thanks again! :)
Hi!
If you want a less invasive solution you can deactivate the links with css code – insert
.portfolio-preview-image .avia-gallery a{ pointer-events: none; }
into the quick css field and this code should deactivate all gallery links without any additional theme code adjustments.
Best regards,
Peter
Hi!
The full screen slider is responsive but also *fullscreen*. This means it adapts to whatever the width of the users screen is above all else to stay fullscreen.
So it doesn’t have the individual message control to have a specific part of the image visible at all times.
The caption will always be visible but the image in the background will be cropped at the edges to fit whatever screen is viewing the site.
Regards,
Devin
Hey dhuet!
Yes, the sidebar appears under the image as intended by the theme.
The woocommerce resize should change the root size of the image displayed. Its the css/html container which determines how the image is shown on the front end. So just changing the image size would never increase that container.
Cheers!
Devin
When I create a new pricing table and save it, then update the page, when I go back into edit it I see the following result:
http://cl.ly/image/2c2M3i1L171X
I have to copy/past/delete and reset everything to get it back right, and then sometimes it does not save a second time.
Any ideas on what I am doing wrong?
Hi Ismael,
The thing is before I used the layer slider and when I put a text element that slide through the image I have created, if this text element was on the right of an image, it stayed on the right even on smaller devices.
Here the text for example on slide two “SERVICES” “Réalisation de sites wordpress” and the button go in front of the image of the computer with my photo…Can’t the slide adapt itself so that the message stays on the right of the computer ?
I wanted to keep this full slider because there is a parallax effect and there is not with the layer slider..
Moreover, I have changed it because I knew a potential client would visit my site today, but on slide three, before the text “Des sites évolutifs responsive et connectés” was written from the left of the slider but i had to center it because as well on big and smaller devices it appeared cut..
Kind regards
Chrys
Hi, my layer slider was working fine last week and now just has a spinning circle. I noticed that some of the backend images that were used in the slider were missing from the database, and so I rebuilt everything with new images etc. However, I still have the spinning circle. Can you advise?
Thanks, Karl
In header areas where social icons can be added, the addition of an “enter custom text or HTML instead” option on your Theme Options panel.
This would allow users who like any of the header layout options—but want content other than social icons—to avoid having to hack the header.php file in order to substitute images or custom text where your layouts call for social icons.
We Use the Masonry Blog to Display the News and generate “fancy” Post-Images, so in Masonry it looks good. I in the Single Post Style the Image doesnt match to the Content, so i am looking for a possibility to hide the Plog image in Single Post Site? Is this possible?