Hi Support Team,
I have had to make a minor change to a line of code in enfold/js/avia.js in order to fix a compatibility issue with one of the plugins I am using; and I would like to use a child theme so that I don’t have to make this change every time I update the theme. Can you please instruct me on how I can do this? I have watched the following video (https://vimeo.com/67221517) and I created the child theme, but if I place the ‘js’ folder into the child theme it seems like the site does not recognize the modified avia.js file and it just runs the file from the main theme.
Thanks
Asad
Hey!
Thank you for using the theme!
Please add this at the very bottom of Quick CSS or custom.css then delete the enfold.css file and save the theme options again to regenerate the file. Make sure that the file permission is 755 or higher.
.header_color .primary-background, .header_color .primary-background a, div .header_color .button, .header_color #submit, .header_color input[type="submit"], .header_color .small-preview:hover, .header_color .avia-menu-fx, .header_color .avia-menu-fx .avia-arrow, .header_color.iconbox_top .iconbox_icon, .header_color .iconbox_top a.iconbox_icon:hover, .header_color .avia-data-table th.avia-highlight-col, .header_color .avia-color-theme-color, .header_color .avia-color-theme-color:hover, .header_color .image-overlay .image-overlay-inside:before, .header_color .comment-count, .header_color .av_dropcap2 {
background-color: #649ECB !important;
border-color: #649ECB !important;
}
Best regards,
Ismael
Hi, I’m using Enfold them for my client.
Visual editor is disappearing and have to use the text editor which is not convenient for my client.
Does anyone has this kind of issues? please help me asap.
Cheers
Sarah
Hi Laureninthailand!
Thank you for using the theme!
You can use html tags on Enfold > Header Layout > Extra Elements > Phone Number or small info text. Add something like this:
<img src="PHONE GRAPHIC URL HERE">
Best regards,
Ismael
Hi,
I wish to add a flight search widget to my Enfold site.
1) Is this possible?
2) Where should I put the widget code? see below.
<div id=”mmd-flight-widget”></div>
<script type=”text/javascript”>(function initWidget() {
var options = {
layout: {
theme: “momondo”
, width: “300”
, height: “250”
},
airports: {
origin: “LHR”,
destination: “GOI”
},
settings: {
openNewWindow: true,
domain: “www.momondo.co.uk”,
source: “”
}
};
var settings = options.settings;
var airports = options.airports;
var layout = options.layout;
var encoding = null;
onWidgetLoad = function (f)
{
f(“mmd-flight-widget”, {
searchForms: [{
type: 1,
searchURL: “http://[DOMAIN][PATH][QUERY]” + (!!settings.source ? “&source=” + settings.source : “”),
openNewWindow: settings.openNewWindow,
currency: settings.currency,
segments: [
{
airports: [
{ code: airports.origin || “” },
{ code: airports.destination || “” }
]
},
{
airports: [
{ code: airports.destination || “” },
{ code: airports.origin || “” }
]
}
]
}]
});
};
var scr = document.createElement(“script”);
scr[“src”] = “http://” + settings.domain + “/widgets/searchform?dimensions=” + layout.width + “x” + layout.height + “&types=1&callback=onWidgetLoad&theme=” + layout.theme;
var tag = document.getElementsByTagName(“head”);
if (tag && tag.length)
{
tag = tag[0];
tag.appendChild(scr);
}
})();
</script>
Hi,
I absolutely love the full width Google Map feature included in the Enfold theme. I’ve a question about linking up 2 Google Maps.
Please refer to my staging page for the Contact fom, http://www.nsindotest.com/dib/contact/
Is it possible to link the 4 smaller maps with the full-width, main map? The company has 4 branches in 4 different cities – that is what the top 4 smaller maps are showing.
The functionality I’m wondering about: Is it possible to click on one of the 4 markers and have that marker display in the bottom, full-width map? For example, if someone clicked on the 2nd smaller map, Maun Branch, then I’d like for the Maun Branch to be displayed in the full width map.
Thanks,
Percy
Hey Lenn!
It’s not possible to have the same Enfold ‘parallax’ in LS.
But if you want to have a LS slider inside a Color Section you can do it using the shortcode (inside a Text Block element):

Cheers!
Josue
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.hr-short { margin: 10px 0; }
Cheers!
Yigit
Hi,
I have 2 websites, one using WP 3.8.3 with Enfold 2.6.1 http://awesomescreenshot.com/0812ta3a07
The second runs WP 3.9.1 and Enfold 3.7 http://awesomescreenshot.com/0192ta3wb7
Could you please tell me how can I fix this problem with the way code is displayed?
Many thanks,
Costin
Hi!
Please don’t create duplicates.
1. Advertising Widget:
Open /framework/php/class-framework-widgets.php and look for lines 822-823:
echo '<a target="_blank" href="'.$ref_url.'" class="preloading_background avia_partner1 link_list_item'.$kriesiaddwidget.' '.$firsttitle.'" >'.$image_url.'</a>';
if($this->add_cont == 2) echo '<a target="_blank" href="'.$ref_url2.'" class="preloading_background avia_partner2 link_list_item'.$kriesiaddwidget.' '.$firsttitle.'" >'.$image_url2.'</a>';
Replace them by:
echo '<a target="_blank" rel="nofollow" href="'.$ref_url.'" class="preloading_background avia_partner1 link_list_item'.$kriesiaddwidget.' '.$firsttitle.'" >'.$image_url.'</a>';
if($this->add_cont == 2) echo '<a target="_blank" rel="nofollow" href="'.$ref_url2.'" class="preloading_background avia_partner2 link_list_item'.$kriesiaddwidget.' '.$firsttitle.'" >'.$image_url2.'</a>';
2. Footer:
Open footer.php and look for line 82:
$kriesi_at_backlink = apply_filters("kriesi_backlink", " - <a href='http://kriesi.at'>Enfold Theme by Kriesi</a>");
Replace it by:
$kriesi_at_backlink = apply_filters("kriesi_backlink", " - <a href='http://kriesi.at' rel='nofollow'>Enfold Theme by Kriesi</a>");
Regards,
Josue
-
This reply was modified 11 years, 8 months ago by
Josue.
Hey fixedopsinsight!
Please go to Enfold theme options > Advanced Styling and edit Strong tag element
Regards,
Yigit
Hey TenserD!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.format-quote span.post-meta-infos {
display: none !important;
}
Best regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img { margin-top: 5px !important; }}
Best regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia-icon-list .iconlist_title { padding-top: 5px; }
Cheers!
Yigit
Hey!
Hace you updated your Enfold theme to the latest version of Enfold which is 2.7.1? If not, please update it and let us know if issue remains – http://kriesi.at/documentation/enfold/updating-your-theme-files/
Regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.page-id-3207 #av_section_3 .avia_textblock {
min-height: 370px;
}
Best regards,
Yigit
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper { max-width: 100%; }
Best regards,
Yigit
Hi Yigit,
Here’s what I’m speaking about. This first image is the way I want my blog post to look, how it stretches all the way across. (However, I am using a page for this example).

This is a post page using the quick css code above. See how it bunches up in the center with large white spaces on the ends. I want to avoid this. I turned off side bars in the Enfold control panel, but I still get this. Is there a way to make it look more like the page example above?

Thank you.
Hi moti1986!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.logo { display: none !important; }
Can you post the link to your website?
Cheers!
Yigit
i dont have logo in my website and i want to delet the enfold logo ..
how can i do it ?
and other question.
i try to upload header background 998 weith 148 height
and its not look good , its litlle bit to the right side
so itry to upload it and mark to the right and do the same in the admin but still its look not good
what size of header should i make for boxes template?
1. http://kriesi.at/documentation/enfold/custom-css-and-quick-css/
You can change all formattings with CSS.
from the recommended plugin section in this forum: http://wordpress.org/plugins/ultimate-tinymce/
Gives you more options when working with the editor in wordpress.
2. Dont understand what exactly you want
3. Same as number one. Quick / Cusstom CSS applies to the whole site. With CSS you first specify what elements you want to change, and then you difine what you want to change.
Example for CSS:
Change the space above the buttons to 0px:
.post-entry-15 .column-top-margin {
margin-top: 0px;
}
“.post-entry-15” and “.column-top-margin” defines that you target all elements inside post-entry-15 that have the “class” “column-top-margin”.
With margin-top: 0px, you set the space above the element to 0 pixels.
Adding the example CSS from above to your site, would move the buttons up like you wanted.
If you want to change something else, just tell us and we can show you how to do it.
If you want to learn more about CSS, you can go here: http://www.w3schools.com/css/default.asp
Hey!
Please go to Enfold theme options > Blog Layout > Sidebar on Single Post Pages > No Sidebar
Sorry but title question is still not clear to me. Can you post a screenshot and show the changes you would like to make?
Cheers!
Yigit
Hey!
Yes with some custom CSS code it is possible but we need to see your website for that. Can you also post the link to your website? :)
P.S.: It would be better if you had this columns inside a Color Section element with a custom ID ( http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png )
Regards,
Yigit
Hi islandjoe1!
Sorry but the website you posted is not using Enfold
Best regards,
Yigit
Just like to add there is no flicker on the Enfold demo and I have also disabled the custom css and the flicker still appears.
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
1-
#top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper { max-width: 100%; }
2-
.single-post .big-preview.single-big { pointer-events: none; }
Best regards,
Yigit
I work with <lightbox form> and <grativy form> on a site. That work quite right with Enfold. But now I want that if you click on the parts of a banner (the layers) that <lightbox form> the <gravity form> opens.
I use the Layer Slider
On a normal page, the following code works quite well:
[formlightbox title = “Send me a message” text = “Contact Me”]
[gravity form id = “1” name = “Test title” ajax = true]
[/ formlightbox]
Example of normal page: http://videobewakingvoorondernemers.nl/form1-niet-meer-aankomen-basis
The slider page where I want to use the shortcode in different places:
http://videobewakingvoorondernemers.nl/home2
I hope you can help me.
Thanks.
Fred
Hi,
Can you tell me why my text keeps looking like different weight when i view my page at in different browsers and even sometime in the same browser when you visit at different times, even though the css style sheet is the same.
I am using Open sans and set this in the enfold theme settings.
This is driving me crazy and my client keeps calling me about it?
Please see these examples
https://www.dropbox.com/s/6w1b0wgr97r6fo7/Screen%20Shot%202014-05-15%20at%2019.38.02.png
https://www.dropbox.com/s/slrxrp70ecu82yv/Screen%20Shot%202014-05-15%20at%2019.38.07.png
Please get back to me asap.
Thanks.
Hello,
I have an enfold site and would like to create call to action message along the top. I have seen something similar on another website that I know has been built with Enfold so am sure it’s possible, but I just don’t know how to do it.
The other site that did it is here http://hammercontractors.com/
I would like to get a phone number along the top in the same way that they have.
Please could you tell me how to do this?
Thank you,
Lauren