Hi pewi64!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia_transform #top .avia-progress-bar div.progress.avia_start_animation .bar-outer {
-webkit-animation: avia_expand 3.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation: avia_expand 3.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
and change 3.5s as needed
Regards,
Yigit
Hi Rikard.
Thanks for your reply. Yes you are right, the white space appears now below the menu and above the picture now. I did some modification with regards to “Background Image Position” which is now set to “center center”, as compared to “top left”. I want that there is no white space.
thanks for your help,
Philip
Hey!
It does show up fine on my end (screenshot in private content field below).
Please edit your post and click “screen options” on the top right corner and make sure that “Berichttype” is checked :)
Regards,
Yigit
Hey Marcel!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (min-width: 990px) {
.responsive .av-image-hotspot {
height: 32px;
width: 32px;
line-height: 32px;
}
.responsive .av-image-hotspot-pulse {
top: -11px;
left: -11px;
}}
Cheers!
Yigit
-
This reply was modified 9 years, 1 month ago by
Yigit.
I used this link to add the custom google webfonts to the Dropdown Menu:
https://kriesi.at/support/topic/new-custom-font/
but unfortunately I can choose them in the Dropdown but the font isn’t used. Still the old fonts get shown.
Do I have to install them in the CSS as well or anywhere so that the Dropdown can load them somewhere?
-
This topic was modified 9 years, 11 months ago by
Shepstar.
I see that I am confusing two threads.
One question is about the background in testimonial . See the before montioned site https://www.bartvandenbelt.nl/ which is also enfold. How do they do that?
Second question is the speed of the easy slider. I only have one picture but I use the slider to fill the whole site witht the image and to put a button and text on top. The text and button appear according to the fade setting. But I would like to have them there immidiatly, so I want to make the fade in very fast.
Hey!
We have added the below CSS please review the site now :)
#top .header-scrolled #header_main > .container {
height: 60px;
line-height: 60px;
}
Regards,
Vinay
Hey!
Thank you for your kind words!
Please go to Enfold theme options > Header and choose to display “Logo center, menu below” option and then add following code to Quick CSS in Enfold theme options under General Styling tab
.html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
Best regards,
Yigit
Hey!
Please go to enfold/config-templatebuilder/avia-shortcodes/numbers.php file and find
// add blockquotes to the content
$output = '<'.$tags[0].' '.$style.' class="avia-animated-number av-force-default-color avia-color-'.$color.' '.$meta['el_class'].' avia_animate_when_visible" '.$style.'>';
$output .= '<strong class="heading avia-animated-number-title" '.$font_style.'>';
$output .= $before.$this->extract_numbers($number).$after;
$output .= "</strong>";
$output .= "<div class='avia-animated-number-content' {$font_style2}>";
$output .= wpautop( ShortcodeHelper::avia_remove_autop( $content ) );
$output .= '</div></'.$tags[1].'>';
and change it to
// add blockquotes to the content
$output = '<'.$tags[0].' '.$style.' class="avia-animated-number av-force-default-color avia-color-'.$color.' '.$meta['el_class'].' avia_animate_when_visible" '.$style.'>';
$output .= "<div class='avia-animated-number-content' {$font_style2}>";
$output .= wpautop( ShortcodeHelper::avia_remove_autop( $content ) );
$output .= "</div>";
$output .= '<strong class="heading avia-animated-number-title" '.$font_style.'>';
$output .= $before.$this->extract_numbers($number).$after;
$output .= "</strong>";
$output .= '</'.$tags[1].'>';
If you would like to apply the changes in child theme, please see – http://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/
Regards,
Yigit
Hey!
Why are you setting a delay of 2000 after the sort is triggered?
$("html, body").delay(2000).animate({scrollTop: $('#porfolio').offset().top }, 2000);
Best regards,
Josue
Hello Support,
I’m working on this site: http://www.srirerc.org.
I’ve attempted everything I can think of to center the text at the top of the homepage, underneath the menu – same “padding” above and below the “header” text.
I’ve attempted in-line css, using the separator/whitebar element… there seems to be something that is even overwritting inline css.
Can you help?
~ Greg
hi,
i did that and deleted the plugin but the problem still persist.
now i noticed that from the subdomain url i could see the admin top navigation but when i go to the main domain address it is not showing.
Please help
-
This reply was modified 9 years, 11 months ago by
eisme.
I’m noticing on my Enfold site (using the Photography demo import) that the content of my blog posts gets cut off along the right, with no way to vertically scroll as the screen size shrinks. I would prefer the content to dynamically change, so that no vertical scrolling were necessary, but having it just get cut off entirely is no good.
Also, if you gradually shrink the screen width, at the same point the left sticky sidebar takes up too much space and transitions to the mobile-style menu at the top, the featured image also suddenly becomes overly large, too.
Any help on these issues? Thanks!
Hi mcraig77!
We are working on your ticket please wait while we update the results here soon.
Please use the below CSS in Quick CSS
.av-main-nav ul li {
border-bottom: 1px solid #333;
}
#top #wrap_all .av-main-nav ul > li > a {
color: #3C8C22;
}
Best regards,
Vinay
-
This reply was modified 9 years, 11 months ago by
Vinay.
Hi @ghuddi,
Ok, please let us know if you should need any more help on the topic.
Thanks,
Rikard
Hi,
Ok, try adding the following as well:
#sub_menu1 {
padding-top: 25px !important;
}
Thanks,
Rikard
Hi Silvio!
Thank you for using Enfold.
I checked the site but I don’t see any issue with it. It is normal that the first column in the left will go on top of the stack unless your site is rtl. Could you please provide a screenshot of the layout that you have in mind? This link might help: https://kriesi.at/support/topic/construction-demo-2/#post-587552
Best regards,
Ismael
Hey John!
The design you are looking for is a custom design and using Enfold you can easily achieve something similar but not 100% same.
Please go to Enfold > Header
And under “Menu and Logo Position” select logo left and menu below.
And in header behavior please make sure “Let logo and menu position adapt to browser window” is unchecked.

Once you have the basic setup the menu and logo
Adjust the header background color from Enfold > General Styling > Logo Area background color
Add the following CSS in Enfold > General Styling >Quick CSS
.html_header_top #top .av_menu_left .main_menu {
background: #FFF;
}
Cheers!
Vinay
The masonry of the list of posts. I know it would be squished into one column, but – I still think it looks cool. NB – this is for putting into the sidebar.
This is what it currently looks like: http://postimg.org/image/62c7mrj1z/
This is what I’m trying to get: http://postimg.org/image/mc2dpntpz/
Also, In the main column where the workpress post / article content is, for some reason, if I try to put the post into a grid it goes full width as well as pushing the slide bar down:
This is what a normal post with side bar looks like: http://postimg.org/image/sk71cvyx5/
As soon as I put the post in a grid (so I can add loads of cool stuff) it breaks out like this:
http://postimg.org/image/wxcvo89zr/ . The part at the top is in the grid, above another text part that is not in the grid. The part not in the grid, gets the side bar, the part in the grid goes full width and always stays above the sidebar (even if I use some css to try and sort out the width).
It’s like the grid part is umping out of the content holder, whereas I need it to stay with the post, with the sidebar to the right.
Thank you so much for your help!
Matt
-
This reply was modified 9 years, 11 months ago by
gameon238. Reason: replacing image
Hi,
Ok, it usually is :-) Please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi,
Ok, so did you solution work? Not sure if you need any more help on the topic?
Best regards,
Rikard
Hi soulmatesanimalsociety!
The page is locked for public viewing i guess… but if you are talking about the screenshot attached on this page the background is coming from the below css
#wuc-wrapper {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-image: url('../img/bg_pattern.png');
z-index: 9;
}
Cheers!
Vinay
Hello,
I’ve been trying to figure out why I can’t get the images on the left side of my ‘Finishes’ page, info in private content, to align to the bottom footer without a margin/white padding in between. I’m trying to get the images to fill the space top-to-bottom as the page expands (perhaps these are 2 different questions – I had them filling the space once and then kept adjusting and lost it). On my other pages, the images don’t fill the section the page expands and shrinks, but my main question is where is the white padding between the image and the footer coming from. I’ve tried adjusting the code within the blocks, and all various options for the columns, individual height vs. equal height, and the obvious alignment options, etc…. I tried putting the images in divs and tables… I would greatly helping knowing if there’s something I’m missing!
I entered 1700px in the dimensions but the boxed layout still appears when viewing the site on laptop and all other devices that have screens smaller than 1700px.
What i’m wondering is if we can use this setting strictly for desktop screens. When looking at the uber site, notice that it is full width on laptop but boxed on desktop to prevent the site from stretching too far – this is what i’m trying to accomplish.
Thank you!
Hi-
I’ve been using the theme for a few years now, thank you. Unfortunately the Yelp! Social icon is still not offerered, years later. Can you add it for me? I really don’t want to go through the steps outlined here: https://kriesi.at/support/topic/adding-yelp-icon/#top
Not just because I’m lazy, but because I don’t want to have to modify theme files for something so basic.
Can you help please? I just use the Behance one with the Yelp! URL, but its pretty lame actually, would be better if it was just added/fixed for a future release.
Thanks,
Steve
Hi Ismael, I added your code.
My idea is to have something similar to this:

or the second logo can be placed at the very right-top after the MAIL icon
-
This reply was modified 9 years, 11 months ago by
niguli.