Hey noefresh,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
/* Vertical Space */
.flex_column.av_three_fourth.flex_column_div.av-zero-column-padding.avia-builder-el-5.el_after_av_one_fourth.avia-builder-el-last {
border-left: 1px #000 solid;
margin-left: 0px;
padding-left: 30px;
}
To remove the padding below the image and the horizontal divider please enable the custom css class name support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ add a custom class margin-top0 to the divider and the below css in Quick css
.margin-top0 {
margin-top: 0 !important;
}
Best regards,
Vinay
Hi,
Add this in the Quick CSS field to display the sidebar on mobile:
@media only screen and (max-width: 767px) {
.responsive #top #main .sidebar {
display: block;
width: 100%;
}
.responsive .single-product-summary {
width: 100%;
}
}
Works here: https://braandcorsetsupplies.com/product/satin-strap-elastic-bra-strap-elastic/
Best regards,
Ismael
Hi,
Thank you for using Enfold.
1.) Adjust the top padding of the #main container:
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 120px;
}
2.) Get the original copy of the logo then resize it to 273x80px. Upload it again as theme logo.
Please refrain from bumping or replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.
Best regards,
Ismael
Hi,
Please try the solution provided here: https://kriesi.at/support/topic/woocommerce-2-6-2/#post-661885
Best regards,
Ismael
Hello!
However, now when I make a page, there is a 500px-ish gap between the top of the color section and whatever i place in it.
This hasn’t effected my other pages I already created. No problems on previous pages. Just new ones I create.
Hi Enfold,
I’m using the latest version of wordpress & enfold. I’ve got a bunch of posts made with a top level category of “project”, and I want to rearrange the way that the posts are displaying on my page. I’ve tried to change the publish date of all the posts to have them appear in a particular order, but nothing I’m doing changes the display order on the site. Even when I’m in the backend masonry settings and switching the post order from Ascending or Descending, it doesn’t change how the posts are displayed.
thx,
Hello,
I’ve gone through slide two as suggested earlier in a post (as well as slide 1) and gone through each layer. I would think the content in the photo below would be in one of the layer text boxes. The buttons on separate layers.
What I believe I should be looking for is the text that appears on my Front Page at the top:

I would think I should find the words: WELCOME TO ENFOLD RESTAURANT and The best gourmet restaurant available in Manhatten
Book online or call (555)123-4567 on one of the layers. And that it should inside the page where one works on sliders.
Is it possible another tool was used to create this text and slider? I’d love to change the text which would fix the issue.
If so, where do I find that tool so I can edit the content?
I appreciate the help.
Thank you,
Bob
Hello Basilis,
I have already done that. Some of the content boxes are not visible. The ones on top of the list….
I’m missing something. If I can just find the content…should be a simple fix….
I will try again.
Thank you,
Bob
-
This reply was modified 9 years, 9 months ago by
BobCarey.
Hi jeronathon!
https://kriesi.at/support/topic/solution-to-google-maps-key-issues/
Please take a look here and let us know if that solves your issue.
Thanks a lot
Cheers!
Basilis
Hello!
I need to place a text in 1/2 right column on the top of the page (below the header). The text is placed on colour section with a background image.
But for some reason the text appears not at the top, but near the center of the image (even a bit lower).
How can I move it higher?
Thank you in advance!
Best regards,
Artem
thanks but i definitely need the image to appear on both mobile and desktop
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top #header_main_alternate {
background-color: red;
}
It is dynamically applied as you said. Please request such option here – https://kriesi.at/support/enfold-feature-requests/
Regards,
Yigit
Hey kilimats!
– We are using bbPress – https://wordpress.org/plugins/bbpress/ which is fully compatible with Enfold.
– Please add following code to Quick CSS
.title_container .breadcrumb {
right: auto;
left: 0;
top: 80%;
margin-left: 48px;
}
Cheers!
Yigit
Hallo Support-Team,
zuerst einmal: Großes Lob für dieses tolle Theme.
Allerdings kann ich nach dem Update (WP 4.5 Enfold 3.6.2) nicht mehr die Dosis wie hier beschrieben
https://kriesi.at/support/topic/how-to-use-dosis-font-google-font/#post-181114
ans Laufen bringen…
So sieht der Code meiner functions.php aus (inkl. 4.4 WP-hotfix):
add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
function avia_add_heading_font($fonts)
{
$fonts[‘Dosis’] = ‘Dosis:400,500,600,700,800’;
return $fonts;
}
add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
function avia_add_content_font($fonts)
{
$fonts[‘Dosis’] = ‘Dosis:400,500,600,700,800’;
return $fonts;
}
function modify_jquery() {
if (!is_admin()) {
wp_deregister_script(‘jquery’);
wp_register_script(‘jquery’, ‘https://code.jquery.com/jquery-1.11.3.min.js’);
wp_enqueue_script(‘jquery’);
}
}
add_action(‘init’, ‘modify_jquery’);
Könnt ihr mir helfen? vor dem Update war der Font up and running.
LG Markus
Done. And it’s really on every page I edit the button stops to be fullwidth
-
This reply was modified 9 years, 9 months ago by
roderickvs.
Hey!
Please add following code to Style.css as well
#top .av-custom-form-color .button, #top div .av-light-form .input-text, #top div .av-light-form input[type='text'], #top div .av-light-form input[type='input'], #top div .av-light-form input[type='password'], #top div .av-light-form input[type='email'], #top div .av-light-form input[type='number'], #top div .av-light-form input[type='url'], #top div .av-light-form input[type='tel'], #top div .av-light-form input[type='search'], #top div .av-light-form textarea, #top div .av-light-form select, div div .av-light-form .button {
border-width: 1px !important;
}
Cheers!
Yigit
Hi!
You had one small CSS error in your Quick CSS field, i fixed it and then added following code to Style.css file of your child theme in Appearance > Editor
#top div .av-dark-form .input-text, #top div .av-dark-form input[type='text'], #top div .av-dark-form input[type='input'], #top div .av-dark-form input[type='password'], #top div .av-dark-form input[type='email'], #top div .av-dark-form input[type='number'], #top div .av-dark-form input[type='url'], #top div .av-dark-form input[type='tel'], #top div .av-dark-form input[type='search'], #top div .av-dark-form textarea, #top div .av-dark-form select, div div .av-dark-form .button {
border-width: 1px !important;
}
please review your website now
Cheers!
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia-menu-fx {
display: none;
}
.html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu {
border-top-color: transparent;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Cheers!
Yigit
Hey LorbeerDesign!
Thank you for contacting us!
We have already reported the issue to our devs and they are working on it.
If you urgently need a solution, please refer to this workaround – https://kriesi.at/support/topic/solution-to-google-maps-key-issues/
Best regards,
Yigit
Hi Ismael
Thanks for your reply. It’s not that I specifically want to target tablet screens. The problem is that the tablet view on the Customise screen is displaying items set for smartphone screen sizes only.
But, when I look at my site on a tablet device, it displays correctly as per the CSS media queries I already have set.
I did try adjusting the CSS media queries as per your previous post – unfortunately this seemed to make all elements appear on the desktop version regardless of the custom CSS class
Thanks for your help.
Nicole
Hello
My plugins are all up to date. Enfold is the latest. But suddenly my website http://www.middlesexrugby.com produced an error message when loading.
By trial and error I have identified that the layersliders are causing the problem. Pages with no slider work perfectly. Pages with sliders only partially load (all content, part of sidebar and no footer). Pages using the main layerslider only load the header and the menu.
I have restored the entire website, and then reuploaded Enfold 3.6 via FTP. No difference. I have disabled and checked every plugin. No problem there.
I can see the list of layersliders, but when I click on one to edit it, I just get a blank screen (with screen options and help tabs at the top, but they don’t even click).
Other layersider functions seem OK like transition builder and CSS editor. But the edit screen is blank.
Please can you help? I can give you admin access if you need it. I would really appreciate help – this is URGENT as nobody can access the site. I have taken the slider off the home page, so at least that works – but if you try other pages, you will see the problem.
Many thanks
Lonsdale
Hey teotaban,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av-flex-cells .no_margin {
padding: 0!important;
}}
Best regards,
Yigit
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .avia-layerslider .ls-nav-prev:before, #top .avia-layerslider .ls-nav-next:before {
background: transparent;
}
Regards,
Yigit
Hey
Replied you here – https://kriesi.at/support/topic/google-maps-plugin-2/#post-666547 :)
Let us continue there.
Best regards,
Yigit
Hey!
Thank you for contacting us!
We have already reported the issue to our devs and they are working on it.
If you urgently need a solution, please refer to this workaround – https://kriesi.at/support/topic/solution-to-google-maps-key-issues/
Best regards,
Yigit
Hi BobCarey!
You can simply remove the separator and add it into your color section elements (to the top of second one or bottom of first one) and then choose to display it as “whitespace” and enter pixel value manually.
If that is not what you meant, please post a screenshot and show the changes you would like to make
Best regards,
Yigit
Hi guys,
So I have three custom widgets int he header. I currently have these two:
A) Shows a small digital clock via the ‘Date and Time’ widget plugin
B) Shows a small stock ticker
However, I need a third one, which needs to be displayed above the top one (A)).
C) Needs to show todays date via the ‘Date and Time’ widget plugin used in (A).
The three widgets should be aligned directly under each other. Now, I have already added the third header as a widget named ‘header3’, and it is also in my functions.php file. The widget is displaying in the header, but it is apparently using the same CSS as the one in (A).
I cannot seem to find the right selector so that I can move the new, third widget onto its own line.
My CSS is as follows:
/* Header Widget header1: clock CSS */
#header .widget {
left: 89%;
padding-top: 0px;
position: absolute;
top: -50%;
padding-bottom: 0px;
z-index: 1;
}
/* Header Widget header2 Stock Ticker */
#header #text-8 {
left: 90%;
padding-top: 0px;
position: absolute;
top: 0%;
padding-bottom: 0px;
z-index: 1;
}
/* Header Widget header3: Date */
#header3 .widget {
left: 89%;
padding-top: 0px;
position: absolute;
top: -75%;
padding-bottom: 0px;
z-index: 1;
}
What selector should I apply to the last widget’s CSS?
Thanks!
Hello
My plugins are all up to date. Enfold is the latest. But suddenly my website http://www.middlesexrugby.com produced an error message when loading.
By trial and error I have identified that the layersliders are causing the problem. Pages with no slider work perfectly. Pages with sliders only partially load (all content, part of sidebar and no footer). Pages using the main layerslider only load the header and the menu.
I have restored the entire website, and then reuploaded Enfold 3.6 via FTP. No difference. I have disabled and checked every plugin. No problem there.
I can see the list of layersliders, but when I click on one to edit it, I just get a blank screen (with screen options and help tabs at the top, but they don’t even click).
Other layersider functions seem OK like transition builder and CSS editor. But the edit screen is blank.
Please can you help? I can give you admin access if you need it. I would really appreciate help – this is URGENT as nobody can access the site. I have taken the slider off the home page, so at least that works – but if you try other pages, you will see the problem.
Many thanks
Lonsdale
Hi there, Yigit provided some excellent advice previously regarding how to add a full width video to the header of a customer site:
“Please add Color Section element to the top of your page and choose to display background video on it :)”
The video is from YouTube, and sometimes takes a short while to load. Can you please let me know whether I can display an image before the video is loaded? The image would be the first frame of the video, which would look far better than a black header. The image could also serve as a fall back if the video fails to load for any reason. Thank you.