Hey – I’m hoping for some help! I’ve created a layerslider with images that I want to fade in and then fade out. The settings I have for the layer I want to fade out are:
Transition in: Fade
Duration 0
Easing: Default
Delay: 500
Rotation: 0
Scale: 1
Transition out: Fade
Duration 1000
Easing: Default
Delay: 2500
Rotation: 0
Scale: 1
The image is fading in fine, but then stays there and never fades out. Any help would be much appreciated!!
Many thanks :)
Another new issue I’ve discovered in IE8 is when the website is scaled down, it starts to squish the blog images horizontally while retaining the height, causing the blog images to look skewed. Here’s a screenshot: http://i.imgur.com/M0eoWsA.png
This reply has been marked as private.
Hello mikaelsv!
Assuming that you are using Single author, Big preview pic as your Blog Style, Please add following code to Quick CSS in Enfold theme options under Styling tab
.big-preview img { padding: 7px;
background: #FFF;
display: block;
-moz-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.25);
}
Best regards,
Yigit
This reply has been marked as private.
This reply has been marked as private.
Hello!
Please remove and re-upload these images, they cannot be found http://i.imgur.com/Ip5An0t.jpg
Cheers!
Yigit
my problem is with top link icon, others icons works fine.
this is a screenshot from virtual clean install of ubuntu.
Hey!
You should add these css codes into Quick CSS that is in Enfold theme options under Styling tab, or into Custom.css file which is inside Enfold CSS folder.
We are going to need to see your website live. But in the meantime you can check your thumbnail and featured image sizes, and change values in Functions.php file http://i.imgur.com/LFdXdPD.jpg
Please note that you need to remove all images then upload them again or changes will not be effective
Cheers!
Yigit
Hi Ismael
Ok, thanks for that. Will give it a go
Cheers
Masten
I use “Home 7 – One Page Layout”, but I want to replace these scroll-over background images:
<div id=”av_section_3″ class=”avia-section main_color avia-section-large avia-no-shadow avia-full-stretch avia-builder-el-14 el_after_av_section container_wrap fullsize” style=”background-repeat: no-repeat; background-image: url(http://kriesi.at/themes/enfold/files/2013/04/photodune-757323-living-room-m.jpg); background-attachment: fixed; background-position: top left; “>
and
<div id=”av_section_6″ class=”avia-section main_color avia-section-large avia-no-shadow avia-full-stretch avia-builder-el-29 el_after_av_section container_wrap fullsize” style=”background-repeat: no-repeat; background-image: url(http://kriesi.at/themes/enfold/files/2013/06/tablet-1.jpg); background-attachment: fixed; background-position: top left; “>
Where can I do that, i don’t see these in options??
Regards Henk
Hi
I have a problem with the background image.
I set follow settings in the Enfold Theme options:
– main content: Custom Background Image; Position of the image= TOP Center; Repeat=Repeat; Attachment=Scroll
Same settings for footer and sockets.
I don’t want any footers or sockets or sidebars.
on the website Preview ( http://uovleu.ch.gothicus.ch-meta.net/ ) I have on some pages a white bar at bottom. How can I solve this?
cheers Jean-Pierre
Hey!
Yes this should be possible. Open up /wp-content/themes/enfold/includes/loop-index.php and replace
$current_post['slider'] = get_the_post_thumbnail($the_id, $size);
with
$current_post['slider'] = get_the_post_thumbnail($the_id, 'full', array('class' => "attachment"));
Cheers!
Peter
Good morning,
is it possible to have a full screen background image in Enfold to achieve a design like this: http://thecamelotgroup.com/de/unser-geschaft/
Or would you use the ‘Flashlight’ theme for this?
Tx,
Frank
Glad we could help. Let us know if you have any other questions or issues :)
Regards,
Josue
Perfect, thank you very much!
Hi there,
we would like to ask which size an image that we prepare in photshop for the layerslider and for the easy slider?
constantly the image get cut and we have to adjust back and forwards till it fits..
Also- if we want to add more images to the layerslider which size should they be?
thank you in advance
Indiatravelz
Hi,
I would like to add this css style around the featured blog images is that possible?
Regareds,
Mikael
img.attachment, img.frame, .media {
padding: 7px;
background: #FFF;
display: block;
-moz-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.25);
}
This reply has been marked as private.
Hello!
The trick is to switch to Visual Mode on the editor when editing the paragraphs. WordPress will then create blank paragraph line:
TEST TEST TEST TEST
& nbsp;
& nbsp;
TEST TEST TEST TEST
Cheers!
Ismael
Hey!
I’m sorry! My bad! Edit the Color Sections where you want to add shadow1.jpg as image as background then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “section-shadow1″.
.section-shadow1 {
background-repeat: no-repeat;
background-image: url(https://www.kimberfire.com/wp-content/uploads/2013/04/shadow1.jpg);
background-attachment: scroll;
background-position: top center;
background-color: #ffffff;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.kimberfire.com/wp-content/uploads/2013/04/shadow1.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.kimberfire.com/wp-content/uploads/2013/04/shadow1.jpg', sizingMethod='scale')";
}
Best regards,
Ismael
Hey!
The Advance Layout Builder add unique selectors to each avia elements. The selectors maybe duplicated on other pages. Can you give me a link to the other thread where you want to add a white space on a section? A link to your site will help.
Cheers!
Ismael
Hi!
I’m sorry but I don’t think it is a browser issue. I’m not sure why it doesn’t show on your end but I checked the demo site using Firefox 24.0, Windows 7 64bit. This is what I see.

The gravatar images are showing properly.
Cheers!
Ismael
Hey!
Sorry, my bad! You need to add the changes on your custom.css or Quick CSS:
.image-overlay .image-overlay-inside:before{content:"\E869"; font-family: 'entypo-fontello'; font-size: 40px; font-weight: normal; }
.image-overlay.overlay-type-extern .image-overlay-inside:before{content:"\2295";}
.image-overlay.overlay-type-video .image-overlay-inside:before{content:"\2295";}
Looks like the border around the cross symbol can’t be change. I tried to find it on the css properties, it’s not there.
Cheers!
Ismael
Hey!
Please add following code to Quick CSS in Enfold theme options
#top #wrap_all .avia-gallery-2 .avia-gallery-thumb a { width: 111px; }
Regards,
Yigit
I tried that but it didn’t seem to hold.
http://www.blogginginspiration.com/
The lady I’m making this for wants the header on top of the image and excerpt like this:
http://lifeblessons.blogspot.com/
Thoughts on how to make this look like this (as far as the title on top)?
Thanks!
Hi there, I have a few questions about desktop and mobile amends.
I’ve got screen grabs and css changes here:
https://www.dropbox.com/sh/6eaha9afax7vowt/ze_E9tvTtM
My domain is lisa-leung.com
It’s a private site so here’s a temporary log in:
User: enfold
Password: support
Thank you!!!
Desktop
1. Custom hover state for images.
– Change hover colour to #000
– Remove icon and replace with
– Remove rounded corners
2. Changes to main menu drop down
– Move hover state up to line up with content
– Reduce line spacing of drop down items
– Remove line from top of drop down
– Reduce width of drop down
3. Increase padding above full width slider
4. Use custom left/right buttons on slider
5. Use custom pagination indicator on slider
6. Remove line from under full width slider
7. Format footer text
8. Custom ‘back to top’ button
Mobile
9. main menu shifts left when window is resized
10. Logo is no longer vertically aligned for Phone
11. Slide out menu disappears
12. Style slide out menu to match desktop version
13. Make a main menu item trigger sub menu only, and NOT a destination page
14. Use em dashes to separate menu items for mobile only
15. Use custom buttons for slide out menu and close
This reply has been marked as private.
This reply has been marked as private.