Hi most1000!
1- Please add following code to Quick CSS in Enfold theme options under General Styling tab
strong.logo {
position: relative;
left: -15%;
}
2- Please go to Enfold theme options > Header > Header Size and choose to display custom pixel value and set header height to 300px and your logo will be resized automatically
Cheers!
Yigit
Hey Schloss Klaus!
Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px. If that does not help, please add following code to Quick CSS
@media only screen and (max-width: 1140px) {
.av-main-nav > li > a { padding: 0 7px; }}
If that too does not work, please post the link to your website
Best regards,
Yigit
In /enfold/config-layerslider/LayerSlider/includes/slider_markup_init.php, line 36:
$slides['properties']['attrs']['skinsPath'] = dirname(LS_Sources::urlForSkin($skin)) . '/';
I tried to change this line with this
$slides['properties']['attrs']['skinsPath'] = LS_ROOT_URL.'/static/skins/';
and layer slider works but I don’t know why and if it’s correct
Thanks Yigit, I’ve actually tried those, but I would rather use the built in functionality of the Enfold theme. Those plugins work, but they don’t work very gracefully.
My problem is this, our company isn’t utilizing a main header nav. So when a user is on a mobile device or views our site in a browser that is less than 768px wide, the responsive menu populates empty. Is there a way around this without using a main menu on regular viewing situations?
Hey!
You can go to Enfold theme options > Blog Layout and choose to use Advanced Layout Builder in Blog Style and create your blog page as any other page
Cheers!
Yigit
Ok, quick update. I seem to have solved the @font-face issue by changing the CSS so the URL is an absolute link to the font files … on my other website! Here’s the code:
@font-face {
font-family: VerbCond Regular;
src: url(https://busycreator.com/wp-content/themes/Busy%20Creator%201.0/css/webfonts/verbcond-regular.eot);
src: url(https://busycreator.com/wp-content/themes/Busy%20Creator%201.0/css/webfonts/verbcond-regular.eot?#iefix) format('embedded-opentype'),
url(https://busycreator.com/wp-content/themes/Busy%20Creator%201.0/css/webfonts/verbcond-regular.woff) format('woff'),
url(https://busycreator.com/wp-content/themes/Busy%20Creator%201.0/css/webfonts/verbcond-regular.ttf) format('truetype'),
url(https://busycreator.com/wp-content/themes/Busy%20Creator%201.0/css/webfonts/verbcond-regular.svg#ywftsvg) format('svg');
font-weight: normal;
font-style: normal; }
As you can see, I’m linking to the files on http://busycreator.com. The same files are indeed uploaded to my Enfold site, but for some reason I can make a reference to the relative files. I’d prefer to keep this as a relative URL in case I have to make future updates or move the same code to another installation. Should I redirect to a parent directory, such as ../enfold/ rather than within the /enfold-child/ folder?
I’ll stick with the workaround for now, but I’d love if someone persnickety could examine my CSS and advise. Thanks for your help so far.
Excellent Kriesi, thanks very much for taking the time. That is exactly the type of answer I needed.
Hopefully that will get them to accept Enfold.
Cheers,
Iain
Hey!
Please create a custom JS file ( could be named custom.js ) and place it inside your child theme/js folder and add following code to Functions.php file
function custom_js_enqueue() {
wp_enqueue_script( 'custom-js', get_template_directory_uri() . '/js/custom.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'custom_js_enqueue' );
or add the code to Google Analytics field in Enfold theme options
Cheers!
Yigit
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.single .entry-content-wrapper .post-title {
background-image: url(https://equineandcaninenews.com/wp-content/uploads/black-line1.jpg);
background-size: contain;
}
.single .entry-content-wrapper .post-title > a {
background-color: white;
}
Cheers!
Yigit
Hi Josue,
The code bits did add VerbCond Regular to the drop-down list. Thanks for the advice! But unfortunately the @font-face is still not working.
I have used Verb Condensed on another WordPress website with a different, more basic, theme. It was a very straightforward process, which is why it’s so frustrating here. My first thought is that it’s something to do with the Child Theme, since I don’t have one on the other site. Should I modify my main Enfold files? Or is there something wrong with my CSS to begin with?
The drop-down thing is a nice little bonus, but I appreciate any insight into the main question — how to get an outside webfont to load. I see this is a common question, but unfortunately none of the straightforward solutions presented seem to work for me.
Hey nectarestudio!
We recommend to use the Codestyling plugin or Poedit to translate the mo/po language files of the theme. Install the plugin ( http://wordpress.org/plugins/codestyling-localization/ ), go to Tools > Localization and select “Themes”. Then search for “Enfold” from the list and select your language and 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).
Regards,
Peter
Thanks, I just have a question about this part “And this to a child enqueued custom JS file or in the Enfold GA field:” I am using a child theme. How do I do that?
Hi!
1) Please update Enfold to the latest version (version 3.0).
2) Please update WPML to version 3.1.8. You’re using WPML 2.9 which is not compatible with WordPress 4.
Cheers!
Peter
This reply has been marked as private.
Hi,
I’m using Advanced Access Manager + AAM Plus Package and it’s working fine, but I have one technical issue with Enfold.
It seems that the search autocomplete function isn’t excluding posts configured in Advanced Access Manager. I had contact with the advanced access manager support. There respond: “The only reason I see why it does not exclude the posts is because theme Enfold might use it’s own post look up and do not utilize the standard WordPress search functionality.”
Does somebody have a solution or have the same problem?
Thanks!
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia-promocontent { margin-right: 0; }
.av_promobox .avia-button { position: relative; right: 100%; top: auto; margin-top: 10px!important; }
.av_promobox .avia-button.avia-size-medium { margin-top: 0; }
Cheers!
Yigit
This reply has been marked as private.
Hi Arvish
Thanks for that! I’ve used Enfold many times and love it. My new client however is involved with medical companies, and insists the theme we use (quite a few times) passes that very annoying test. (themecheck.org)
Is there anything other than quantity of sales I can try and use to get the client to accept Enfold. Security wise?
Really appreciate any help, and understand you all have better things to do!
All the best,
Iain
Hey iainski!
Enfold is a theme that already has a recognised theme base. Moreover, it has passed the rigorous approval process of the reputed Envato marketplace.
We are positive you will find that 40,000 Envato customers are not wrong in chosing Enfold.
Best regards,
Arvish
Same issue here but only in portfolio entries (template no sidebar).
Using the latest Enfold version (3.0.2).
Hi guys,
I have a client, a very tech savvy client, who I want to use Enfold on a number of their websites.
They say they will only allow a theme that passes the http://themecheck.org/ test…
A lot of stuff comes up when Enfold gets tested. Is it possible you guys have a nice techy answer, that I can use on my client. It could be up to 20 theme purchases. Although I’m sure you guys are all billionaires by now!
Best regards
Iain
Hey hotspot!
You can try implementing the following solution to enable you to add a sorting mechanism to the magazine builder.
http://kriesi.at/documentation/enfold/how-to-add-an-orderorderby-option-to-the-blogpost-sliderportfoliomasonry-grid-element/
Cheers!
Arvish
This reply has been marked as private.
This reply has been marked as private.
Hi Guys
Three quick questions
I’ve set up a Child theme with Enfold 3. I haven’t selected a predefined colour scheme as my client’s hexi colours don’t match any. However, is there a way to choose a colour scheme, say ‘Navy’ and then change the hexi colour associated to that scheme. This would save me having to use custom colours every time I create a button.
I’ve done something to my mobile menu. When you click on a sub menu the background-color and color must be the same as you can’t read what section you are in. Any quick css fix for this?
Search dropdown on desktop. The rollover makes the background a light color. Again how do I change this or change the font colour to make it legible. NB I’m using Relevanssi
thanks
Alf
This reply has been marked as private.
Hi,
In the following site: http://thinkdif.co.il
the menu is over lapping the logo on mobile devices.
this appears after the last upgrade to Enfold 3.0
I tried this:
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
max-width: 85%;
height: auto !important;
margin-left: 0!important;
}}
but the logo on my client site is positioned on the right…
Thanks
Tal
-
This topic was modified 11 years, 6 months ago by
talelie.
Hi Darryl. My mistake. The following should work:
add_action( 'wp_enqueue_scripts', 'enfold_child_load_google_fonts' );
function enfold_child_load_google_fonts() {
wp_register_style( 'enfold-child-fonts', '//fonts.googleapis.com/css?family=Lora:400' );
wp_enqueue_style( 'enfold-child-fonts' );
}
See how the second line now matches a part of the first line?
Hey!
No there are not additional options for the mobile menu but you can change its behavior with some custom CSS and JavaScript, try adding this code to the Quick CSS:
#header:after, #main:after {
content: "";
background: black;
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
top: 0;
opacity: 0;
pointer-events: none;
-webkit-transition: all linear 0.1s;
-moz-transition: all linear 0.1s;
transition: all linear 0.1s;
}
.show_mobile_menu #header:after, .show_mobile_menu #main:after {
opacity: 0.5;
pointer-events: auto;
}
#mobile-advanced{
background: #F7F7F7;
height: 100%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.13s ease;
-moz-transition: all 0.13s ease;
transition: all 0.13s ease;
}
.show_mobile_menu #mobile-advanced{
-webkit-transform: translate(-80%, 0);
-moz-transform: translate(-80%, 0);
-ms-transform: translate(-80%, 0);
transform: translate(-80%, 0);
}
.avia_transform3d .show_mobile_menu #mobile-advanced{
-webkit-transform: translate3d(-80%, 0, 0);
-moz-transform: translate3d(-80%, 0, 0);
transform: translate3d(-80%, 0, 0);
}
And this to a child enqueued custom JS file or in the Enfold GA field:
(function($){
$(window).load(function() {
$('#header, #main').on('click', function(){
$("#advanced_menu_hide").trigger('click');
});
});
})(jQuery);
Cheers!
Josue