I got something like this, the button is there, but the text is way below the button. Could you please help to correct this :) Ismael?
Chris, you’ll need to change the colours to work with your theme.
.menu-item-1933{
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000px;
background-color: rgb(161, 206, 94);
background-image: url(https://d7uu0v95k7d3j.cloudfront.net/wp-content/themes/enfold/images/layout/bg-button.png?6c6f23);
background-position: 0px 0px;
background-repeat: repeat-x;
border-bottom-color: rgb(161, 206, 94);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(161, 206, 94);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(161, 206, 94);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(161, 206, 94);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-top-style: solid;
border-top-width: 1px;
box-sizing: border-box;
color: rgba(0, 0, 0, 0.498039);
cursor: auto;
display: block;
float: left;
font-family: 'Open Sans', HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: 600;
height: 38px;
line-height: 16.796875px;
margin-bottom: 3px;
margin-left: 0px;
margin-right: 0px;
margin-top: 30px;
margin-bottom: 30px;
max-width: 100%;
min-width: 90px;
outline-color: rgba(0, 0, 0, 0.498039);
outline-style: none;
outline-width: 0px;
padding-bottom: 10px;
padding-left: 16px;
padding-right: 16px;
padding-top: 10px;
position: relative;
text-align: center;
text-decoration: none;
text-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px;
vertical-align: text-top;
zoom: 1;
height: 50px;
}
Hi!
You need to set the featured image (post thumbnail) for the portfolio entry.
Regards,
Peter
Hi,
Please add this on your custom.css or Quick CSS
.page-id-40 .big-preview.multi-big {
width: 302px !important;
height: 225px !important;
margin: 0 auto 40px auto;
}
.page-id-40 .fullsize .template-blog .big-preview.multi-big {
margin-bottom: -20px;
}
Regards,
Ismael
Hi,
Can you possibly disable the plugin completely? Remove browser cache then reload the page. See if the hover effect is working.
I don’t see the html code for overlay effect below the blog post image.
<span class="image-overlay overlay-type-extern" style="opacity: 0; left: 0px; top: 0px; display: block; height: 276px; width: 342px;"><span class="image-overlay-inside"></span></span>
Regards,
Ismael
Hi andreikharlanov,
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
#top.single-post .big-preview.single-big a,
#top.single-post .small-preview {
pointer-events: none;
cursor: default;
}
If you have a link to the page there is also a jquery method as well but I like to make sure its very specific to the page/layout so that it doesn’t cause any outside issues.
Regards,
Devin
Hi,
I fixed the buttons, please check here: http://www.academieaugust.com/?page_id=1176
Looks like every time you save the table, it adds a backslash on the paypal form code.
Example is:
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4F53A5YJ6CR6L">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
After save will look like this:
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4F53A5YJ6CR6L">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
It is alright after you click the Save button for the first time but the backslash will add up when you save it again and again.
Let me tag Kriesi.
Regards,
Ismael
This may also be issue with adding padding around images so images aren’t able to line up flush to bottom of section? Let me know.
Thanks,
Chris
Hi, how do I remove the extra padding on bottom of each section in the color section of avia framework? I want some images to be flush on bottom of section but even when I select no padding in the color section it still adds some. Let me know what code to edit or add to custom css please.
Thanks much
Hi WaTcHinG,
There isn’t an option to switch between the regular visual editor and the advanced layout editor but you can use shortcodes to build the same layouts that the advanced layout builder has (except for color sections). Then you’ll be able to easily modify a shortcode after you’ve added data to it via the interface popup.
Regards,
Devin
Hi,
Edit the portfolio item, click the Gallery element, look for Gallery Preview Image Size. Choose a bigger thumbnails. You’re using the square thumbnails which is 180x180px.
Regards,
Ismael
Hi Bruce,
The demo actually uses 1700 width images. See: http://kriesi.at/themes/enfold/files/2013/04/floor.jpg which is 1700×470.
Regards,
Devin
Hi, i just want to change the size of my thumbnail.
Look : http://www.socialweb.fr/medias-sociaux/
She is so big !
Thanks
R3v0x
OK so, I tried turning off CDN Linker completely and cleared the cache with no benefit :( also viewing as logged in user as i am already not seeing the cached website but the live one… i see now that no images are being served from the CDN and still the effect is gone. what else could be the problem?
Quick question. Is there a way to reduce the size between two elements. For example, in the Avila layout editor, if I create a full length layout element and put text in it and then create a full length layout element underneath it and put an image in it, is there a way to reduce the space between the two elements? I’d like to make things a little tighter.
Thanks!
I am have troubles removing the INNER scroll bar from my page (as the image below shows, there are TWO scroll bars). Please advise.
Thanks!
http://farm4.staticflickr.com/3795/9137162284_4511f8a668_b.jpg
Hello, I’m having troubles in creating portfolio item since I installed WPML Media plugin, that allow the translation of the captions of the media library. After having well readed their instruction at the page: http://wpml.org/documentation/getting-started-guide/media-translation/ — I created a new portfolio category, then a new portfolio item in the section “portfolio”, add 2/3 structure + 1/3 structure, and in the 2/3 add an “Easy Slider” and i load the images related to that portfolio item and category. I turn on the two checkbox of WPML media, then i try to load a featured image for the portfolio item, but then i open the media gallery i find no items. I choose “uploaded to this page” as they advice, but the media gallery remail empty, I’m not able to see the image i just loaded previously. if i want to add a featured image for that portfolio item i have to load a new one (so i let WP upload two times the same image). how to solve this?
Then, i will continue to see the library empty if I open other posts or page and i try to load the images, and this happens since i activated the WPML media plugin.
Another problem, if in the page that will contain the portfolio grid, I enter in portfolio grid configuration, and i choose the AJAX portfolio, save then update and publish the page, the ajax preview is not able to load any image, leaving my portfolio easy slider totally empty. If in the settings i choose “open the entry on a new page” i can see it well working.
Help me please, and I still haven’t begin to translate and duplicate the media contents!!
Thank you for the support and the wonderful theme, with Enfold I’m doing the most beautiful website of my life!!! :)
You may check the following CSS:
.image-overlay {display: none !important;}
This will affect any overlay on your whole site not to display.
If you like to handle different types of overlays, you should check the type-class appended.
You should probably check your URL:
http://pakietyedukacyjne/
Won’t work at all… ;)
Checked: if I insert http://www.pakietyedukacyjne.pl/wp-content/themes/enfold/images/layout/dalej.png into your style, everything is fine!
Hi,
I love the lightbox effect, but how do I remove the effect that causes a circle with the two expansion arrows when I place my curser over a picture? I still want people to be able to click and have the lightbox, however, I wish that there was no change to the image. Any help is greatly appreciated! Is there code that I can drop into the custom css box?
Thanks!
Eric
Hi, I put quickly next-button to stop place, but it is only placeholder image.
1. Yes, that is any “missing file error” but is it not enough to put url into before{ content:…? You think that problem is in bad url localization or maybe it require more customisation than css style?
2. I use IE8 to test and it gives this result: http://www.eurokreator.eu/images/enfold-IE8.jpg
3. When you use for example IE10 You see the side arrows in slideshow (prev-next)?
Regards. Cristof
Hi!
Hey! I am sorry but I cant reproduce the issue as well. It works fine for me in every browser, internet explorer and otherwise :/
Mind telling me which windows version you are using?
Best regards,
Kriesi
Hey Guys!
Just a short notice.
Unfortunately I couldnt think of smart way to make elements within the layerslider responsive and still be correctly aligned. I think in fact its pretty much impossible. So if you want to use buttons that align perfectly fine I would recommend to create image buttons and place them within the slider.
Should work much better…
Hi,
That’s because you setup a W3TC cache plugin and most likely improperly configured it for CDN, since i see your images are being pulled off a cdn mapped to a subdomain , but none of the images are coming through, which makes me believe that you set it up wrong. If you turn off that plugin , all the images will return. Just clear the cache after disabling it, and any other CDN / Cache plugin you are using and images will be back, that I guarantee.
I think I know where your error is coming from, you probably setup the DNS records wrong, I set that plugin up too many times not to know where the bottlenecks and learning curves break things.
Thanks,
Nick
Dear Support team pls see the image!!!
http://webex.gr/slider.jpg
Kind regards,
xrisxal2000
I don’t know if the topic starter was helped by this, but it doesn’t work for me: http://mep.raffeltest.nl
I’ve managed to get rid of the Layerslider on mobile, but how do I easily target other sections?
Hi,
I just looked in ie10 and i see the two next/previous buttons in the middle of the slider.
If you are talking about the radio buttons , two of them on the bottom middle of the slider, for me they dont work on Chrome or IE. I think you are missing an image file causing a jquery error , this is the file that’s missing
http://pakietyedukacyjne/wp-content/themes/enfold/images/layout/dalej.png … Fontello fonts work with IE10 and I think all the way down to IE8 .
Do you mean on the demo site , all the icon glyphs are not visibile to you -> kriesi.at/themes/enfold … What version of IE do you use?
Thanks,
Nick
I want to add some image to data table of page but i can’t find in enfold theme, how to edit page manually?
Sorry – tried Enfolds latest news and worked out the images are attached using this widget. Cheers Shaz