Anyone can help me with this issue?
Hi!
I strongly believe that it is plugin related as i have never seen such bug on an Enfold website. But please try re-installing the theme via FTP
For a quick guide on updating your theme take a look at this video on updating the theme via FTP: https://vimeo.com/channels/aviathemes/67209750
Regards,
Yigit
Hi blendside!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 480px) {
.logo img { max-height: 70px!important; }}
You may need to adjust the value. Or you can post the link to your website and we can provide you more accurate custom CSS code
Best regards,
Yigit
Hi awesome Kriesi-Team! :)
I’m preparing another enfold-website for a new client. I already made some custom css-changes but still have the following issues (I already used the search-function without success in my case.
– I need the logo to be aligned right instead of default left. The main navigation stays left.
– the mobile navigation icon is overlapping the logo on smartphones
– I can’t use the fixed header with my quick css (where I moved the logo above the main navigation)
I already set the following quick css code for having the logo above the main navigation:
http://webigami.de/deppisch/wp-content/uploads/2014/02/quick_css_jansthh.png
The drafted website: http://www.webigami.de/deppisch
I would very much appreciate your advice.
Cheers and thanks,
Jan :)
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
.av_font_icon.av-icon-style-border a.av-icon-char:hover:after { box-shadow: 0 0 0 2px red; }
Best regards,
Yigit
Hey CloudChoice!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.avia-button.avia-size-small { pointer-events: none; }
Best regards,
Yigit
Hoping you can help. I have looked through a number of posts and I can’t seem to fix this.
I am using the enfold theme. I wanted to play around a bit with the stretched vs the boxed layout and background colors. Using the boxed layout – I see where you get the option to change the background color or image.
I did successfully change it to a random color. I am now not able to get rid of that color and choose one to my liking. I have tried adding code to the Quick CSS box but this does not help.
Thanks for looking into this.
Hi,
Thanks, but this displays the responsive menu when seen on tablet. I want to display the regular menu on tablet.
To sum things up, I want to display:
– the regular menu over 989px,
– the responsive menu under 767px,
– the regular menu with adapted logo width, font size and padding for everything between 768px and 988px.
Basically what I used to do before, using the code I gave you earlier.
Cheers.
Hi sundialstudios!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial:first-child {
position: relative!important;
}
Bug was already reported and it will be fixed in upcoming updates.
Regards,
Yigit
This reply has been marked as private.
This reply has been marked as private.
I would like to know if you can give us a code so that the Search icon is preceeded by the word search (or for the multilingual – recherche – in french) in Enfold.
Or, perhaps easier, if it is possible to change the appearance or function to that of how it appears in Choices theme. Also with the social media icons beside it, instead of above.
Thank you so much, this would be a great help.
Hi danielammounah!
Can you post the link to your website so we can take a look? If you are not using the latest version of the theme, please upda Enfold to the latest version 2.5.2
http://kriesi.at/documentation/enfold/updating-your-theme-files/
Regards,
Yigit
I found a previous post that goes into this in detail but the outcome is somewhat an incomplete fix.
https://kriesi.at/support/topic/lightbox-images-on-iphone-or-ipad-dont-resize/
Basically, when I open my thumbnails on iphone, the bottom banner under the lighbox image does not show correctly (see the link above).
The CSS given by the moderator fixes this issue but I dont need a transparent banner here, it should be like the original Enfold demo with a white box and the page numbers and close symbol. I have tested this on the demo and there seems to be no issue here.
Can anyone help, am i missing something from my theme or css?
Thanks
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .mobile_menu_tablet .main_menu {
display: block;
}}
Best regards,
Yigit
1- website is not up yet. Any other way we can work this out?
2- no plug in. I wondered if there is a way to integrate the shortcode you have for the newsletter subscription.
The border, padding and top menu is still there somehow please use google chrome browser and you will se it.
Think its something about : class”container” or class”sub_menu” and id”header_meta´”
My CSS so far:
/* Font size */
body { font-size: 14px;}
/* Disable Enfold Responsive menu button */
.main_menu .mobileMenu { display:none !important; }
/* Disable top menu */
#header_meta { display: none !important;}
/* Disable top social bookmarks */
#top .social_bookmarks { display: none;}
/* Disable logout link in menu */
.page-item-logout {display:none;}
.bottom_nav_header.social_header #header_main .container {height: 140px; }
#header_main .container_wrap { border-top-style: none; }
//M
This reply has been marked as private.
Here is our work in progress ;)
http://www.gloopy.co.uk/
Hey nupurp!
Can you elaborate? I have checked your website on my iPhone 4 ios7 and i had no problem viewing your website. Please see screenshots below
https://dl.dropboxusercontent.com/u/14975671/photo%201.PNG
https://dl.dropboxusercontent.com/u/14975671/photo%202.PNG
Regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.four.units.single-product-main-image {
overflow: hidden;
}
Regards,
Yigit
Hejsan!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
@media only screen and (max-width: 480px) {
#av_section_1 .hr {
height: 100px!important; }}
Cheers!
Yigit
Hey Kimberly!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 767px) {
.responsive #top .avia-smallarrow-slider .flex_column {
margin: 0px!important;
width: 50%!important;
}}
Regards,
Yigit
Hey dalen550!
Please add following code to Quick CSS in Enfold theme options under Styling tab
1-
.main_color tr:nth-child(even), .main_color .avia-data-table .avia-heading-row .avia-desc-col, .main_color .avia-data-table .avia-highlight-col, .main_color .pricing-table>li:nth-child(even), body .main_color .pricing-table.avia-desc-col li {
background-color: #fcfcfc;
color: #666666!important;
}
2-
.tabcontainer { margin: 0; }
3- Seems like you have achieved that using span :)
Best regards,
Yigit
Hey royisra!
1- Using custom CSS code, yes, you can. You can post the link to your website and point out the section so we can give you custom CSS
2- Which plugin are you using?
Best regards,
Yigit
Hey!
Please try adding following code to Quick CSS in Enfold theme options under Styling tab
.page-id-9891 #header { display: none; }
You can right click on your page on Chrome or Firefox and click Inspect elements to find out your page's ID. You should change the page ID in my code to match your page ID
Cheers!
Yigit
@pako69
I got help with that, in header.php, just before </head>, I’ve added:
<script>
// On window load. This waits until images have loaded which is essential
jQuery(window).load(function(){
// Fade in images so there isn’t a color “pop” document load and then on window load
jQuery(“.isotope img”).fadeIn(500);
// clone image
jQuery(‘.isotope img’).each(function(){
var el = jQuery(this);
el.css({“position”:”absolute”}).wrap(“<div class=’img_wrapper’ style=’display: inline-block’>”).clone().addClass(‘img_grayscale’).css({“position”:”absolute”,”z-index”:”998″,”opacity”:”0″}).insertBefore(el).queue(function(){
var el = jQuery(this);
el.parent().css({“width”:this.width,”height”:this.height});
el.dequeue();
});
this.src = grayscale(this.src);
});
// Fade image
jQuery(‘.isotope img’).mouseover(function(){
jQuery(this).parent().find(‘img:first’).stop().animate({opacity:1}, 1000);
})
jQuery(‘.img_grayscale’).mouseout(function(){
jQuery(this).stop().animate({opacity:0}, 1000);
});
});
// Grayscale w canvas method
function grayscale(src){
var canvas = document.createElement(‘canvas’);
var ctx = canvas.getContext(‘2d’);
var imgObj = new Image();
imgObj.src = src;
canvas.width = imgObj.width;
canvas.height = imgObj.height;
ctx.drawImage(imgObj, 0, 0);
var imgPixels = ctx.getImageData(0, 0, canvas.width, canvas.height);
for(var y = 0; y < imgPixels.height; y++){
for(var x = 0; x < imgPixels.width; x++){
var i = (y * 4) * imgPixels.width + x * 4;
var avg = (imgPixels.data[i] + imgPixels.data[i + 1] + imgPixels.data[i + 2]) / 3;
imgPixels.data[i] = avg;
imgPixels.data[i + 1] = avg;
imgPixels.data[i + 2] = avg;
}
}
ctx.putImageData(imgPixels, 0, 0, 0, 0, imgPixels.width, imgPixels.height);
return canvas.toDataURL();
}
</script>
Hi!
Please try adding following code to Quick CSS in Enfold theme options under Styling tab
.logo img { margin-top: 20px; }
.header-scrolled .logo img { margin-top: 0; }
Cheers!
Yigit
Hallo an alle,
die Frage muss ich jetzt mal auf Deutsch stellen, da meine Englischkenntnisse für rechtliche Sachen nicht ausreichen:
Ich habe die Regular Licence für das Enfold-Theme erworben und würde gern das Theme wie folgt nutzen:
a) als Webseite auf einer Domain
b) als Blog, aber unter einer anderen Domain
Ist das mit dieser Lizenz möglich oder verstoße ich dann gegen die Nutzungsrechte?
Beste Grüße
Hermelina
@agarkitekter i like the black&white/color rollover effect in your portfolio, how did you do this?
thanks