Hi – is it possible to disable pausing background video on the click?
Kind regards
Mariusz
Hi!
Please add following code to Quick CSS
1-
#top .main_menu .menu li ul a { line-height: 10px; }
2-
.main_menu .menu ul { width: 165px; }
3-
#top .main_menu .menu li ul a { font-weight: normal !important; }
Best regards,
Yigit
hi again,
1. i want to put a promo box in a 1/3 column, how do i change the button of the promo box to be below instead of on the right? i want this change to apply only to this promo box. picture: 
2. in the homepage, the costumer wants a slider and a contact form on top. so i put a easy slider on 2/3 and a contact form on 1/3.
but is there an option to keep using the advance layer slider? i like the advanced layer slider better. maybe i can put the contact form as a top layer on top of a fullscreen slider? do you know a way to that?
picture: 
-
This topic was modified 12 years ago by
graphico.
Hey!
Please add following code to Quick CSS as well
.fixed_header #main {
padding-top: 135px;
}
If that does not work, please post the link to your website
Best regards,
Yigit
Hey Ismael
Thanks for immediate Feedback. Yeah, I am fine, hope you too?!
Before starting to try your Suggestion, please let me ask a short clarifying question…
I would like to have the Google Maps in the Background like in the example. On top of it, I would like to use the regular elements from layout builder to enter my Content. More specific:interactive Background = Google Maps, on top = some text incl. contact form, etc.
As far as I now understand, I shall use the Plugin to open my Maps php with a TextBox, but that would mean that it is not in the Background, but on the same Level as my other Content. Am I right? Or can I do what I want with this plugin?
Once again thanks in advance!
Matthias
Hey!
You have following code in your Quick CSS section or Custom.css file
#top #header .avia_mega_div > .sub-menu > li > ul > li a {
height: 40px !important;
line-height: 25px !important;
}
Please change it to following
@media only screen and (min-width: 1140px) {
#top #header .avia_mega_div > .sub-menu > li > ul > li a {
height: 40px !important;
line-height: 25px !important;
}}
Cheers!
Yigit
Hi!
In WordPress dashboard please go to Appearance > Editor and open Header.php file and search “top-tel” and find the Div that contains your number and change it
Regards,
Yigit
Thanks- that is what I am using :)
That beta version fixes the HTTPS problem with the caching URL, and since my site is on HTTPS.
I have been doing SERIOUS testing on this, like 40 hours total and I have come to a few conclusions. First, I had too many elements on my home page, and no matter what it was going to load slow. I have a layerslider and each of the images is 100k. I had 2 team mates, I had 2 parallax sections, I had progress bars, a video, and many lists. I went through and removed half of this and the page loads quickly. My original intent was to have a semi “one-page” site, but I am fine with making more pages for performance reasons.
I have also come to the conclusion that minify make Google PageSpeed and ySlow happy, but it slows down the actual load time for humans. I tested the load time 10 times with CSS minification on, and then 10 times with it off and I had significantly better times while it was off.
I have also come to the conclusion that minifying jQuery is just not going to work. Period. Perhaps it is an addon I use (there are admittedly a lot), but something breaks jQuery. and forget asyncronously loading any js- even if I do not minify jQuery and async the rest, the built in theme jQuery breaks 50% of the time. I did 20 tests with minify setup with the exact script order as your theme has and it loaded perfectly 8 of the times, jQuery conflict the other 12.
With all of this said though, I am still getting a A 92% B 89% on GTmetrix. And even though my PageSpeed score is far lowwer, I have tested the theme on both mobile and desktop clients on various internet connections and the site loads fine. I think at this point I need to stop wasting time worrying about the render blocking js/css messages from PageSpeed.
Thanks for all of your help/work over multiple threads, this is still the top theme I have used and I very much appreciate your support staff’s hard work!
Hi,
I want my blogpost full width and added in custom css the following rules:
#top .fullsize .template-blog .post_author_timeline {
display: block;
}
#top .fullsize .template-blog .blog-meta {
margin: 0;
position: absolute;
}
#top .fullsize .template-blog .post-meta-infos {
text-align: left;
}
On my pc it is working just fine, but when i open this on my phone it won’t. (The image appears above the text)
Could you please watch this and give me a solution.
Hi Ismael !
Problem is not on the actual page I also see the telephonenumber on the page
-BUT where can i edit the telephonenumber ????
I think i was able to do that in the quick-CSS section. As i seem to recall the number was visible here….. (XX XX XX XX)
.top-tel { (XX XX XX XX)
color: #d22328;
}
OR here….
.top-tel { (XX XX XX XX)
position: relative;
font-size: 16px;
font-weight: bold;
z-index: 999 !important;
….-But now it is gone !!!
Kindly
Claus.
Hi aparteDenmark!
Thank you for using the theme. I hope you’re doing great.
I checked the website and the phone number is still there. Please remove browser cache then reload the page.
Best regards,
Ismael
Hi!
You can edit js > avia.js to prevent the title from showing. Find this code on line 5:
$(document).ready(function()
{
var aviabodyclasses = AviaBrowserDetection('html');
Add this code below:
$('#top .product div.images img').attr('title', '');
Regards,
Ismael
Hi mattmorse!
Thank you for using the theme. I hope you’re doing great.
Please try this on Quick CSS or custom.css:
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
font: 13px "Marcellus", serif;
}
Did you add the google font using Google Font filter on functions.php?
add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Marcellus'] = 'Marcellus';
return $fonts;
}
add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Marcellus'] = 'Marcellus';
return $fonts;
}
Best regards,
Ismael
Hi !
My site http://jsa-sikring.apartebuild.dk
….-Has a telephone-nr in the upper right corner
-I’m quite sure i was able to edit this number i the quick-CSS section, but now it seems to be gone ????
-the top-tel code is still here but the actual number is missing ???
-Please help because i need to change the number !
Kindly
Claus.
This is my quick CSS:
.title_container .avia-breadcrumbs {
display: none;
}
.content {
padding-top: 10px;
}
#footer div .first { margin-left: 25px; }
#footer { padding: 0px 0 0px 0; }
.avia-slideshow { margin: 15px 0; }
.content, .sidebar {
padding-top: 20px!important;
padding-bottom: 0px!important;
}
body .column-top-margin {
margin-top: -20px!important;
}
.html_boxed .single-post #main, .html_boxed .blog #main { padding-top: 50px; }
.main_menu ul:first-child > li a { line-height: 150px; }
.top-tel { float: right; margin-top: -25px; }
.top-tel {
color: #d22328;
}
.top-tel {
position: relative;
font-size: 16px;
font-weight: bold;
z-index: 999 !important;
}
.text-sep.text-sep-comment,
.blog-author.minor-meta,
.blog-categories.minor-meta,
.text-sep.text-sep-cat {
display: none;
}
Hey!
Edit the Layerslider where you want to show the timer, click on the “Global Settings” tab and activate the “Circle timer” option: http://www.clipular.com/c/5586569532538880.png?k=mpviLeZTDthU2jxizVl0_yD82P4
You can also configure the “Autostart”/”Autoplay” option on this page.
Best regards,
Peter
Hi,
What happened to the accepted request for “collapsible menu in mobile mode”?
Since I have many sub-pages this is causing quite a big problem. I can of course hide the individual sub-pages with css to make the menu look decent but then those pages wouldn’t be viewable, which I want. I recently bought your theme but now I might have to stop using it just because of this issue.
It seems like a standard feature to me and I hope this will be implemented in the near future?
Kind regards,
Erik
Is there a way to stop YouTube to show related videos? When I add rel=0 to the URL Enfold just shows the url instead of embedding the video.
Just had an interesting idea:
Invisibility!
What about having a little visibility eye <0> on elements. This would be great for people who want to set a notification area or anything else and then turn it off and on – on the fly. You could even have an ability to set it to invisible to all except admins. Also nice to work on a live site in draft then turn on visibility when your done. Now I always make a new page on a live site, then when done create template, add template to live page and move it all tot the right area as the templates are added below existing content. It would be best if admins can view invisible items to somehow on the frontend also show to admins they are invisible, add a little opacity to invis items?
Rowspan!
And ofcourse the important feature request, let a container span multiple rows:
[a1][a2] | b1* |
[a3][a4] | b1* |
* both b1’s = 1 portrait container
Mobile slideoutmenu positioning
I found the slide out menu a little bit ugly as it overlays the whole page, so when you press the menu button, the layer slides in and there is a big gap at the top next to close menu button. To solve this I figured out that the open button is actually a toggle and will also close the panel – great! So what I did was move the positioning of the overlay down some pixels with css to just below the header, removed the close (X) display none, and use the menu open button as a toggle! However as it wasn’t meant to be a toggle the icon doesn’t change into an ( X ) when menu is open, not a biggy but would be nice if it could!
Just my 2 cents :) Keep up the best theme ever!
Thomas
-
This reply was modified 12 years ago by
borkent.
Hey schoenj!
I suggest to use the free Codestyling plugin to translate the theme or to change the content of the current translation. Install the plugin ( http://wordpress.org/plugins/codestyling-localization/ ), go to Tools > Localization and select “Themes”. Then search for “Enfold” in the list and select your language and click the “create po-file” button. Click on “Rescan” to search for all text strings. Afterwards click on “Edit” and translate the required strings from the “avia_framework” textdomain. At least click the “create mo file” button next to the “Textdomain” selection dropdown (top left corner). Search for “Leave a Reply” and “Want to join the discussion?”, etc to translate the comment text strings.
Cheers!
Peter
Hi!
You might want to use the new beta version mentioned in this thread: it seems to work better than default version :)
http://wordpress.org/support/topic/visual-form-builder-incompatibility
Cheers!
Kriesi
-
This reply was modified 12 years ago by
Kriesi.
Hey!
1) I think it’s easier to solve the issue by setting a background for the entire page.
The reason for the white background instead of the background image applied universally is because when I apply the background universally, no color sections apply a new color or background image.
Please apply the background universally and post a link to a color section which doesn’t work. I’ll investigate the css code and check why the color section doesn’t work.
2) Kriesi uses the “large responsive” layout (with 1210px width). You can configure it on the theme option page ( Enfold > General Settings). If you want to stretch the forum content area to 100% insert this code into the quick css field:
#top .forum-archive .entry-content {
width: 100%;
margin-left: 0;
}
3) I’m not sure if Kriesi uses a custom widget or a standard bbpress widget for the login area. I’ll tag this thread for him and ask him to comment on it.
Cheers!
Peter
Hi!
Ja, bitte, da ohne Test Account der Fehler schwer zum testen (und beheben) ist. Ich konnte den Fehler auf der Demoseite nicht reproduzieren ( ). und auf deiner Seite sollte dieser Code funktionieren:
.avia-msie-8 #top .header_bg{
background: #fff;
filter: ;
}
Ich konnte diesen aber nicht testen, da das dynamische Stylesheet diesen nicht übernommen hat.
Regards,
Peter
OK great – the page is here:
top color section with video, next with a fullwidth slider with images.
if the top video will not play on ipad/iphone/mobile, then I would like the
image slider to play instead.
If that works, I need to do the same thing on the danish version of the site-
is that going to cause problems? I have not set that one up yet.
thanks very much for your help!
N
PS This topic was closed but I have not gotten the help I need yet – please keep it open even though the new update is supposed to deal with the video on mobile issue – I think I still need the css fix if you have time to send it my way. thanks!
-
This reply was modified 9 years, 11 months ago by
Yigit.
Hi Ismael,
Thank you for your quick respons! Works great. Only, when I’m watching it in a small view (responsive) the logo is beneath the slider instead of on top of it. Tried to give it a z-index but this didn’t help. Hope you can give another tip!
Erwin
I would like to have an logo height of 105 px and the header should be about 135 px with a padding of 15px at top and bottom.
Thank you
Hi,
i want to view a video (mp4) in a page/portfolio item.
The video is hosted in my server (not youtube, vimeo, etc …).
I tried to use the “Video” component in the media elements in the advanced layout editor – it works in my desktop and in ipad, but in my android phone i see the movie loading image but i can’t see the movie.
Is there any other way to embed video files in wordpress/enfold theme?
Dear Ismael,
Thank you, it worked fine. I’ve changed all px sizes in order to have a bigger logo, also worked, but the slider which I’ve got at the top didn’t move down, so now the header is going over into the slider. Any idea?
Regards,
Mark
Hey richgates!
Thank you for using the theme. I hope you’re doing well today.
I’m sorry but this has been an old issue with the theme and no is available yet. Please edit css > shortcodes.css, go to the Table section then look for this code:
@media only screen and (max-width: 767px)
{
.responsive div .avia-data-table table,
.responsive div .avia-data-table tbody,
.responsive div .avia-data-table tr,
.responsive div .avia-data-table td,
.responsive div .avia-data-table th{display:block; border-top:none; border-right:none; border-left:none; text-align: center;}
.responsive .avia-data-table{border-style:solid; border-width: 1px;}
.responsive .avia-data-table .avia-pricing-row .avia-desc-col{text-align: center;}
.responsive .avia-data-table .avia-button-row, .responsive .avia-data-table tr:first-child th{display:none;}
.responsive .avia-data-table td:before {
display:block;
font-style: italic; font-size: 11px;
}
.responsive .avia-data-table td {
position: relative;
}
}
Remove it. We might need to adjust the size of the table on mobile view.
Best regards,
Ismael
Hey erwin_m!
Thank you for using the theme. I hope you’re doing well today.
1.) Please use this:
#top .social_bookmarks {
float: right;
}
#header_meta .sub_menu {
right: 150px;
}
2.) Use this to move the logo:
.logo {
top: 20px;
}
3.) Use this to remove the border and box-shadow:
#layer_slider_1 {
border: none;
box-shadow: none;
}
#header_main {
border: none;
}
.container_wrap {
border: none;
}
For further modifications, please visit Werkpress.
Cheers!
Ismael