Hey!
Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your column and give it a custom CSS class and then add following code to Quick CSS in Enfold theme options under General Styling tab
.your-custom-class { padding-top: 0 !important; padding-bottom: 0 !important; }
Best regards,
Yigit
Hello Kriesi and Enfold Support Team,
The Avia Layout Builder suddenly stopped working properly. Whenever I tried editing a page, the builder slightly loads and crashes. Instead of showing the site elements, it shows the home page of my main site on the screen. My site is using the multi-site feature and this is happening on all pages for all created sites.
I tried activating and deactivating plugins and switching between my Enfold theme and Enfold child theme but nothing works.
Thanks,
Jonathan Ho
Hey krestien!
use this code instead:
#top .social_bookmarks li:hover a {
color: white !important;
}
Regards,
Andy
Hi jelle!
when editing Seperator/Whitespace element choose “Custom”as “Horizontal Ruler Styling”. Then adjust top- and bottom-margin values as needed.
Cheers!
Andy
I used the following code and now the search icon appear on the right place on mobile but it’s not responsive since the position is fixed. is it possible to have the search inside the mobile menu above or below the links with the search field already opened?
@media only screen and (max-width: 767px) {
li#menu-item-search, .main_menu .avia-menu {
display: block !important;
}
.av-main-nav > li {
display: none;
}
li#menu-item-search {
top: -90px;
height: 0px;
left: 230px;
}
}
Hi there,
I tried to add more google fonts to my enfold theme.
I followed a link on this forum: https://kriesi.at/support/topic/new-custom-font/
As suggested I added following lines to my functions.php. I did it within the wp-admin panel, in the editor. It said like “Theme Functions functions.php”.
____
if(isset($avia_config[‘use_child_theme_functions_only’])) return;
add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
function avia_add_heading_font($fonts)
{
$fonts[‘Alef’] = ‘Alef’;
return $fonts;
}
add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
function avia_add_content_font($fonts)
{
$fonts[‘Alef’] = ‘Alef’;
return $fonts;
}
_____
After I saved, I get white screen on wp-admin, as on /. I have to say, my internet connection is bad today and might have been seeking during saving!
I tried to locate my changes in any functions.php using ftp client, but I couldn’t find my changes.
I tried to help myself using youtube to solve white screen issue, therefore I renamed the folder name of my only plugin and my used theme (enfold -> xenfold). It didn’t help.
I added debug true in my wp-config.php in root WP folder.
Like this:
error_reporting(E_ALL); ini_set(‘display_errors’, 1);
define( ‘WP_DEBUG’, true);
—-
But there is no error messages.
Don’t know how to proceed since there is no messages, maybe there is help to get them visible?
I would like to keep my content and the layout I created with the enfold editor.
I appreciate any help,
thanks
Andreas
Hey!
mobile simply does not support transparent header yet.
Where is your mockup? Do you want to change flag to the right side again? as shown here? Please send us a precise mockup showing the results you want to achieve, then we could provide you precise css code.
Use this code to control flag’s position on mobile:
@media only screen and (max-width: 767px) {
.avia_wpml_language_switch.avia_wpml_language_switch_extra {
margin-left: 125px !important;
}}
Best regards,
Andy
Hi Andy,
I have a color section on top of my homepage. I tried to put the custom menu right beneath it, but each time it appears on top. Putting the menu somewhere at the bottom of my page worked fine though. So somehow it “jumps” the color section.
Regards,
Poirot
Hi!
schaue dir bitte diesen Thread hier an: https://wpml.org/de/forums/topic/theme-und-plugin-lokalisierung-von-wpml-laesst-sich-nicht-ansprechen/#post-402376
Vielleicht klappt die Lösung auch bei dir. Ansonsten frage bitte auch im WPML Forum nach, denn die Jungs dort kennen ihr Plugin am besten.
Gruß!
Andy
Hi!
I think there is no problem at all. It just depends on what you want. A mockup showing the results you would like to achieve would be helpful, then we can provide you some precise css code.
You can increase search icon with this code:
#top .menu-item-search-dropdown > a, #searchform #searchsubmit, .ajax_search_image, .iconfont {
font-size: 25px;
}
Adjust it as needed.
Cheers!
Andy
Hi!
I am closing the topic here as it has been reported to our git.
Best regards,
Basilis
Hi Enfold-Team!
I would like my social icons in the header and footer to change their colour to white on hover. I think it was the default setting but since I added a custom icon they stay black. In my custom CSS I have the lines
#top .av-social-link-bloglovin:hover a{color: #ffffff !important; background-color:#4dbd33 !important;}
#top .av-social-link-instagram:hover a{color: #ffffff !important; background-color:#00cdcd !important;}
to change the hover background for these two icons to a custom colour which is working well. But I also included the colour change to white which isn’t working. I tried several CSS-solutions I found on this board but nothing seems to work.
Is there a simple CSS-line which does this for me or could you provide another solution?
Best regards!
Thanks a lot Andy!
This helps a lot.
We placed the language selector on the left side now because there seem to be no way the place it the way we showed it in our mockup – or is there any?.
One last question: When we take a look at our page on a mobile phone the language selctor automatically switches to the center of the secondary menue on top of the logo.
Is there a CSS-Code that it switches to the right side of the secondary menue on mobile phones?
And why does the transparent header not work on mobile phones?
Thanks for your help
Stefan
Hi!
replace my code from above with this:
@media only screen and (max-width: 767px) {
li#menu-item-search, .main_menu .avia-menu {
display: block !important;
}
.av-main-nav > li {
display: none;
}
li#menu-item-search {
top: -80px;
height: 0px;
left: 300px;
}
}
and adjust top and left value as needed.
Best regards,
Andy
Hey!
Ok everything looks fine on my end please check and let me know…
For some reason Firefox refuse to recognize the #ID you have added to the links on the page. So to over come it we are using extra paddings on the top of each div in firefox.
Best regards,
Vinay
Hi,
I have my site on my local mamp so I can’t share the site right now. If you reply to my email directly (see private content) I can send you the screen shots.
My problem: I have a Color Section, with a 1/1 Row inside and then a Text Box. Inside the Text box is an H1 Heading. The space on Top and Bottom of the Text box is not equal. I am not able to make them equal. I’d like to REDUCE the space under the Text box. I have checked all settings and margins and paddings are set to 0. I have the same problem on the other pages.
I appreciate any help.
Thanks
Hi!
I added this code into you Quick CSS field:
@media only screen and (max-width: 767px) {
li#menu-item-search, .main_menu .avia-menu {
display: block !important;
}
.av-main-nav > li {
display: none;
}
li#menu-item-search {
top: -52px;
height: 0px;
}
}
and now it seems to be fine for me. If you need something else, then please send us a mockup showing the results you want to achieve.
Cheers!
Andy
Dear Ismael,
did you had the chance to look at the “non-wanted sliding effect” and how to resolve it?
Or shall I open a new ticket as the original topic was a different one
I ask as I will have “design freeze” for the page soon
thx & best, Tilman
Hello,
I recently changed domains for a website and now some icons are showing up as squares. I’m not exactly sure what happened, and would love any advice.
You can see an example in the Learn More button inside the banner at the top of this page: http://www.summermatters.net/
Thank you.
Hey Sadegh!
1.
We need admin login access to check the issue please send us the details in a private message.
2.
To align search icon please add the following css to quick css
#top #searchsubmit, .ajax_load {
height: 45px!important;
line-height: 45px!important;
}
3.
To adjust the line height on h2 or h1 please use the below css. feel free to play around with the number 1.5
h1 {
line-height: 1.75em!important;
}
h2 {
line-height: 1.5em!important;
}
4.
Please elaborate more on this issue with a screenshot so we can help you better. upload the screenshot to imgur.com and paste the link here.
5.to customize the blogpost please goto Appearance > Widgets > Sidebar Blog
Drag and drop the widgets you like in the sidebar and enter the required details.

Cheers!
Vinay
Hi Larry,
Ok, glad you found the problem. Please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi Lin,
Click Plugins in the WordPress menu and then tick the box next to the caching plugin and select to deactivate it in the dropdown menu on the top.
Best regards,
Rikard
Hi Ygit,
it works only on the dropdown menu but not in the full-width menu that is always visible on top of the page…
you can have a look at:
Thanks a lot,
Mauro
Hi!
Is there a way to display the captions on fullwidth easy slider on desktop only ? On mobile the text is almost as big as the image so you can hardly see the image behind it.
Thanx!
Hey!
Add a breakline tag right after the first paragraph.
SI VOUS RECEVEZ UN PROCÈS VERBAL DE VIOLATION DU CRTC, IL SERA TROP TARD !<br>
VOUS DEVEZ AVOIR MIS EN PLACE UN PROGRAMME DE CONFORMITÉ AVANT D’ÊTRE ENQUÊTÉ POUR BÉNÉFICIER D’UNE DÉFENSE BASÉE SUR LA DILIGENCE RAISONNABLE.
Add this in the Quick CSS field:
.avia_message_box_content {
text-align: left;
}
.avia_message_box_icon {
left: 0;
top: 20px;
}
.avia_message_box_content p {
left: 20px;
position: relative;
}
Adjust the values as needed.
Regards,
Ismael
Hi!
We have made some changes in the css please check the site now.
#top .main_color .price{
position: absolute;
top: -220px;
}
I could not figure out where you added the below css but you can remove it if it is in a child theme css.
.inner_product_header span.price { display: none !important; }
Hope this helps.
Best regards,
Vinay
Hi Poirot,
Ok, please let us know if you should need any more help on the topic.
Regards,
Rikard
Hello,
I am running Wocommerce with the Enfold theme but deactivated the shop for the moment as we are taking pics for new products first.
Unfortunately the Shopping card icon appears on the top right of the MOBILE menu and I don’t know how to hide it while WoCommerce is deactivated.
Any ideas?
Thank you
Michael
Hey!
You can try this:
#top div form .form-row input.input-text, #top div #content .form-row input.input-text, #top div form .form-row textarea, #top div #content .form-row textarea {
color: #000000 !important;
border-color: #ffffff!important;
background-color: #ffffff !important;
}
Best regards,
Ismael