Hi!
1) In this case I recommend to place the code into enfold/functions.php. However a child theme would be a better solution because you don’t need to modify the (parent) theme files. When you update Enfold you also must modify the functions.php file.
2) No, the code is required to use the theme with the plugin (integration).
3) You can reduce the gaps between the columns with some custom css code. I suggest to use the “custom css class” feature (see: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) to reduce the space between your columns with a custom css class.E.g. if you want to reduce the margins of the “3 column” grid use the class “small-margin-columns” and then insert this code into the quick css field:
#top .av_one_third.small-padding-columns{
margin-left: 1%;
width: 32%;
}
Best regards,
Peter
Hey!
Please try this code and insert it into your child theme style.css:
#top .av_secondary_right .sub_menu>ul>li:last-child{ padding: 0 10px; }
Best regards,
Peter
Hey Ace5Studios!
I didn’t delete it but maybe someone of the other support staff members (mistakenly) thought it’s spam. Please ask the question again and we’ll do our best to answer it. Also see https://kriesi.at/support/topic/looking-for-recommendation-for-swyn-plugin/
Best regards,
Peter
Hi!
1) Habe den Fehler behoben. Ich musste einfach die Theme settings neu speichern.
2) Ja leider. Die Einstellungen können derzeit nicht übernommen werden. Da man diese Optionen aber meist nicht ständig ändert und es vielleicht insgesamt 20 Optionen sind, sollte es nicht lämger als 5 Minuten dauern.
3) Ja, füge bitte diesen CSS Code in das Quick CSS ein:
#top .av_secondary_right .sub_menu>ul>li:last-child{ padding: 0 10px; }
Cheers!
Peter
Hi!
Thank you for using the support forum!
There will be added options to modify the the elements like the submenu inside the theme on the future release of the theme. For now you can use this on Quick CSS or custom.css:
#top .main_menu .menu li ul a {
font-weight: bold;
}
.main_menu .menu ul li a {
color: #000000;
}
.main_menu .menu ul li a:hover {
color: #808080;
}
You can increase the submenu padding using this:
#top .main_menu .menu li ul a {
padding: 8px 30px 8px 15px;
}
Regards,
Ismael
Hi Edna!
Thank you for using the support forum. Do you mind posting the link to the website? We would like to check if there are any plugin conflicts. If it is ok with you, please deactivate all plugins. Some minor issues occur because of plugin conflict.
Cheers!
Ismael
Hello, I just ran a quick site validation check and found a couple errors on several pages. These are the ones I would like to see if I could remove / fix:
– extra orphan </p> tags
– <style> declaration in the html body
<style type='text/css'>#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a{width:12.5%;}</style>
I have been using the avia layout editor to create my pages. See private reply for my site link. Thank you, any comments or advice appreciated!
Hi all,
I am trying to modify an advanced layerslider to remove top and bottom borders and to make the background transparent. Haven’t had much luck searching or testing on my own. Any advice would be appreciated!
Hello!
It is possible but that would require a heavy customization and unfortunately that’s beyond the scope of the support we can offer. If you really need it try hiring a freelancer for the job or if you prefer request a quote here.
Cheers!
Josue
Hey YakiPasandi!
Please try adding following code to Quick CSS in Enfold theme options under Styling tab
.avia_mobile #top .av-parallax-section{z-index: 0;}
Best regards,
Yigit
Good! Works very nicely…it would have taken me hours to find that!
Thanks for all your good work on Enfold, it’s top pro coding.
– Michael
Hi!
Please try adding following code to Quick CSS as well
@media only screen and (max-width: 480px) {
#header_main { margin-top: 30px; }}
Cheers!
Yigit
which code? .html_header_top.html_logo_center .logo { margin-left: -50px\9: }?
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.html_header_top.html_logo_center .logo { margin-left: -50px\9; }
Cheers!
Yigit
-
This reply was modified 12 years ago by
Yigit.
Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
font-size: 14px;
}
.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title { padding: 2px; }}
And can you post a screenshot from your devices? When i resize browsers window i do not see an issue above 480px
Regards,
Yigit
Hi !
Thanks for your reply !
Your solution gives a “My Text” right above my menu, and no css could resolve it, so I suggest a mix of the “disappear title” post you gave in link, and the action you just suggested. So it gives :
– in functions.php :
add_action('ava_after_main_menu', 'kriesi_logo_addition_2');
function kriesi_logo_addition_2()
{
?>
<strong class='logo-title'>My Text</strong>
<strong class='logo-subtitle logo-title'>Another custom text line</strong>
<?php
}
– in Quick CSS :
#top .logo-title {
transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
-webkit-transition: opacity 0.4s ease-out;
-o-transition: opacity 0.4s ease-out;
font-size: 12px;
color: #000;
position: absolute;
left: 500px;
top: -7px;
opacity: 1;
white-space: nowrap;
}
#top .logo-subtitle {
color: #aaa;
top: 7px;
}
#top .subtext {
float: left;
position: relative;
}
#top .header-scrolled .logo-title {
opacity: 0;
filter: alpha(opacity=0);
}
So you have something like this.
For example, I don’t want the same homepage on desktop vs mobile.
Hi,
I have got some problems with Enfold:
1. I need some custom icons to display on my site, I have imported some from fontello, but they doesn’t appear correctly on firefox and ie, you can see it here: http://konferencja2014.globema.pl/proba/
I want enfold to be my corporate site and without that I will not be able to use it :(
2. Parallax effect doesn’t work on ie (8, 9)
3. I need some icons to display at my top menu – I have always been using Menu Image Plugin (and it works fine on my every theme) but on enfold it doesn’t appear (the possibility to add an image shoud be visible at the appearance – menu – menu item, but it isn’t).
Plugins that I’m using on my site:
contact form 7
contact form db
menu image
Uji Countdown
T(-) Countdown
Wufoo Shortcode Plugin
Really Simple CAPTCHA
Safe Redirect Manager
WordPress MU Domain Mapping
WP SMTP
Cron GUI
Crony Cronjob Manager
Network Shared Media
I have got WP MultiDomain instalation.
I would really appreciate your help.
Greetings
Could you please help me achieve a full width map on this page?
http://johnstonsafetysupply.com/mid-conference/
I followed this example, but had no luck…
https://kriesi.at/support/topic/google-maps-in-full-width-slider/
Thanks.
Thanks for letting me know – I’ll make new images.
Cheers
Hi techgrayscale!
I’ve checked the images, one solution is that you create the rounded image with transparency ( png ) file and use that instead.
Right now the theme is creating the rounded corners using css, so that’s why you get that jagged looking.
Regards,
David
Hi,
I just tested our site on a Samsung Galaxy tab 3
The top menu has a child drop down (Second level item). We see the drop down but when it’s clicked, the link does not seem to work. Is there a workaround for this?
Hey maorshabo!
You can find in functions.php (roughly line 262 ) wp_enqueue_scripts, what this does it’s that adds jquery … into the front end ( your page ).
The structure is the following <?php wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); ?>
$in_footer replace that to true, on the files you want on the footer.
Some on them are required to be on the top of the page ‘avia-compat’ and if you need to do the layer slider ones you need to modify either the plugin files, /config-layerslider/ ( location ), or dequeue them.
References:
http://codex.wordpress.org/Function_Reference/wp_enqueue_script
http://codex.wordpress.org/Function_Reference/wp_dequeue_script
I’m assuming that you have a decent understanding of php, since that might be required to performed such an actions.
Regards,
David
Hey Guys!
I found this old post that covers how to change the link that the logo points to: https://kriesi.at/support/topic/change-logo-link-in-enfold-remove-comment-counts-from-post-silder/
I found the file specified in the post and found the referenced code to look for – here it is:
{
$logo = get_bloginfo('name');
if($use_image) $logo = "<img src='{$use_image}' alt='{$alt}' title='{$logo}'/>";
$logo = "<$headline_type class='logo bg-logo'><a href='".home_url('/')."'>".$logo."$sub</a></$headline_type>";
}
However, I noticed the previous post I’m referencing mentions I’d see:
".$link."
I’m assuming this page has changed since that last post since I couldn’t find that code. If I edit the above code to change the URL I’m assuming I’d do the following:
{
$logo = get_bloginfo('name');
if($use_image) $logo = "<img src='{$use_image}' alt='{$alt}' title='{$logo}'/>";
$logo = "<$headline_type class='logo bg-logo'><a href='".home_url('http://myurl.com')."'>".$logo."$sub</a></$headline_type>";
}
Is that correct? Also, could I copy this file to the child theme and have it work or do I have to edit the parent theme file?
Thanks for your help!!
Also how can i change in the top mentioned stuff for the Mega Menu:
http://nonpardon.com/?page_id=2929
Thanks,
Alex
Hey cavanaughb!
I’m not sure any of us have a good answer here. SEO is kind of a mess of a topic from my point of view since everyone thinks they have the *best* answer and the “pros” are constantly justifying their opinion to keep making a living.
Generally I think a single page site would make it easier to have a good target for searches but would also mean the content is more sensitive. So you would need to be more careful not to over optimize it to prevent the text from getting marked down.
Regards,
Devin
Hey!
I’m not entirely sure if multiple full screen sliders will work on a page. The whole rendering scheme of a *full-screen* slider is that it takes up the entire screen on load. So if it isn’t visible it may not be able to calculate the screen size correctly.
I’ll tag the topic for Kriesi to look into but my suggestion would be not to use a second fullscreen slider and instead use a color section or fullwidth slider there instead in case Kriesi’s solution is to prevent multiple fullscreen sliders on the same page (if it isn’t something that can have multiple instances).
Regards,
Devin
WordPress speed optimization is a huge topic by itself. Your best route would be to use a caching plugin like W3, compress all over your images to their smallest possible size and/or look into a CDN for them.
On top of that see if your hosting provider has any plans that you can upgrade to that are within your budget for the site. Ultimately its the server which has the greatest impact on how a site runs.
Hey!
While yes it has been done it isn’t really in the realm of what we cover through support. If using @font-face isn’t working for you can try asking on stack overflow, or as Yigit suggested using a plugin which takes the heavy lifting out of your hands.
The issue you are probably running into is that once you stop telling the theme to use the google font it is no longer selected in the css. So even if you are correctly loading in the font it isn’t styled. The font-face rules need to have accompanying css rules to then style your font as well.
Cheers!
Devin