Hi mikaelsv!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
span.avia-menu-text { font-size: inherit; }
.av-main-nav > li > a { font-size: 11px !important; }
Cheers!
Yigit
Although the entypo-fontello icons in Enfold 2.6.1 include a heart symbol, I also need the symbols for diamonds, clubs and spades. How can I add these please?
kindest regards,
PPCHound
Hi
1. Child Theme
I installed and activated the Enfold Child Theme (http://bit.ly/enfold-child) with Enfold v 2.6.2 as the parent theme. In the child theme, I imported the parent theme’s settings – however, the entire site design & css breaks. Also, the child theme changes the selected menus which were set for the main navigation. Do you have a child theme compatible with the latest Enfold version?
2. Changing the Layout of the Sidebar to 2 units
Also — what I am trying to achieve is to make the left side bar on pages smaller (*two* columns instead of *three*). So what I need to do is edit the template code so that the aside class says ‘two’ instead of ‘three’:
<aside class="sidebar sidebar_left smartphones_sidebar_active three alpha units" role="complementary" itemscope="itemscope" itemtype="http://schema.org/WPSideBar">...</aside>
and change <div class="template-page content nine units">...</div> to say *ten* instead of *nine*.
What is the best way to achieve this whilst maintaining compatibility with all future auto-updates?
-
This topic was modified 11 years, 11 months ago by
gorans. Reason: cleaning up formatting
Hey,
I would like to add the yoast breadcrumbs in the same spot of the Enfold breadcrumbs.
I tried to add the yoast code to the breadcrumbs.php file but it didn’t work.
i know i can add it to header.php but then it won’t be in the same position.
please let me know how i can add it?
thanks
regev
Yes of course,
It´s simple if i enter in theme options and i click save.
It change all the parameters and it looks like when i intall it.
Thanks in advance
Hi benditodilema!
Can you explain a bit more what you mean by “it restores all the stiles that i did before”.
Cheers!
Devin
Hi atomicdreamz!
Not without a good bit of customization. I think the closest would be the Blog Single Author Small style however: http://kriesi.at/themes/enfold/blog/blog-single-small/
Regards,
Devin
Hi Ismael,
Today I am very happy – it works! Wow!
I can see the portfolio and the site seems quicker. And – the blog comments show where they suppose to show. I missed your comment regarding updating the theme – I have the latest version but I will update it again.
When it comes to styling on the Enfold (SV) dashboard – I am not sure what styling you refer to. Can you explain?
Thanks a lot
eva
Hi,
I have problems with enfold editor (theme options)
If i enter it restores all the stiles that i did before.
What can i do?
Hey romankornfeld!
Try following fix – open up wp-content/themes/enfold/framework/php/class-superobject.php and replace:
function set_javascript_framework_url()
{
with
function set_javascript_framework_url()
{
if(is_feed()) return;
Cheers!
Peter
Is there any news on a fix for the issues with IE and the parallax effect? Not only is there no parallax movement in IE, but the positioning of the image within the Colour Section is incorrect, meaning that it’s impossible to place an image so that it’s right for IE and other browsers. Other themes manage this OK so why not Enfold?
Hey!
You can suggest the idea here: https://kriesi.at/support/enfold-feature-requests/ . I looked into it and it would require some work to implement this feature (it’s based on a Chrome extension code which you can download here: https://github.com/galambalazs/smoothscroll ). Depending on the number of votes we might add it to a future update…
Cheers!
Peter
Hi Ismael,
Thanks for the quick support.
I have downloaded the font files and uploaded them to a /fonts/ directory and also added the following to the Quick CSS but the fonts are not loading:
@font-face {
font-family: “Open Sans”;
font-style: normal;
font-weight: 600;
src: local(“Open Sans Semibold”), local(“OpenSans-Semibold”), url(“http://websitename.com/wordp/wp-content/themes/enfold/fonts/OpenSans-Semibold.ttf”) format(“ttf”);
}
@font-face {
font-family: “Open Sans”;
font-style: normal;
font-weight: 400;
src: local(“Open Sans”), local(“OpenSans”), url(“http://websitename.com/wordp/wp-content/themes/enfold/fonts/OpenSans-Regular.ttf”) format(“ttf”);
}
What is still required to make the fonts load and no longer call or show the Google Fonts in the Source Code?
Thanks
Hi Pedro!
If you want to overwrite an existing shortcode create a “shortcodes” folder within the child theme directory, then copy the /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/masonry_entries.php into the child theme “shortcodes” folder and modify the php code. At least add following code into the child theme functions.php file
add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths)
{
$template_url = get_stylesheet_directory();
array_unshift($paths, $template_url.'/shortcodes/');
return $paths;
}
This code will make sure the the shortcode file of the child theme is loaded first and you can overwrite the parent theme slideshow shortcode file with the child theme.
Best regards,
Peter
No it is not there normaly my favorite programer added this for me :)
But maybe you can copy/paste it to your theme.
i used the enfold theme.
<!-- STICKY HEADER ANFANG -->
<link rel="stylesheet" type="text/css" href="http://www.apprupt.com/blogv4/wp-content/themes/enfold/css/stylesheet.css" />
<script type="text/javascript">
jQuery(document).ready(function ($) {
var scroller,
element = $(window),
navi = $('.sticky-navigation'),
ontop = true,
threshold = navi.offset().top;
navi.wrap('<div class="sticky-wrapper" />');
navi.each(function() {
var $this;
$this = $(this);
$this.parent().height($this.outerHeight());
return true;
});
scroller = function () {
var t = element.scrollTop(), tt = false,
$body = $(document.body), h, hh;
if (t > threshold && ontop) {
ontop = false;
tt = true;
} else if (t <= threshold && !ontop) {
ontop = true;
tt = true;
}
if (tt) {
navi.toggleClass('stuck', !ontop);
}
if ($body.css('position') == 'absolute' && navi.hasClass('stuck')) {
h = parseInt($body.css('left'), 10);
hh = true;
if (!h) {
h = parseInt($body.css('right'), 10);
hh = false;
}
console.info('add margin ' + hh + ' ' + h);
navi.css('margin-left', (hh ? h : -h)).css('margin-right', (hh ? -h : h));
} else {
console.info('remove margins');
navi.css('margin-left', 0).css('margin-right', 0);
}
};
element.bind('resize', scroller);
element.bind('scroll', scroller);
window.__topBarScroller = scroller;
});
</script>
<!-- STICKY HEADER ENDE -->
you’ll need this part i think
http://www.apprupt.com/
Strange, that’s where I looked and can’t find anything even close to what you said.
Perhaps we’re not on the same theme then. :)
This reply has been marked as private.
Hope life is grand in Kriesi world :)
I’m trying to complete a new design for a client, the idea came from another site i came across on the awards site. Here is the link http://phobiahz.fr The site is using the salient theme, but I’m sticking with enfold for life!
Basically my question is in regard to firstly when you open http://phobiahz.fr the first thing you see is the slider/top section of the page. No matter how you change the size of the browser all you will see is this section. I have tried this on enfold but when i change the size of the browser it will start to show the next section of the site. How do i keep this from happening with enfold?
My next question is in regard to background images. I have set a background, and then added an image with the them builder, the image is responsive but the background image does not change down with the image, it seems that the background image is not responsive? Would i need to use media queries to control the background image?
Hey pbennion!
Yes, you could deactivate the hover effect. Open up wp-content/themes/enfold/js/avia.js and delete this line:
avia_hover_effect(container);
Cheers!
Peter
Hey!
I suggest to wrap your image into a div and then add a custom class to this div. I.e. like:
<div class="my_custom_img"><img src="http://website.com/my_img.jpg" alt="" /></div>
Then open up enfold/js/avia.js and replace:
var logo = $('#header_main .container .logo img, #header_main .container .logo a'),
with
var logo = $('#header_main .container .logo img, #header_main .container .logo a, #header_main .container .my_custom_img img'),
Best regards,
Peter
Hi Viramedia!
You can try to use the dark lightbox skin. Open up enfold/js/avia.js and replace
elements.prettyPhoto({ social_tools:'',slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh });
with
elements.prettyPhoto({ social_tools:'', theme: 'dark_rounded', slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh });
or
elements.prettyPhoto({ social_tools:'', theme: 'dark_square', slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh });
2) Yes, you can link to the fullsize image by adding this code to your child theme functions.php file:
add_filter('avf_avia_builder_gallery_image_link', 'avia_change_gallery_thumbnail_link', 10, 4);
function avia_change_gallery_thumbnail_link($link, $attachment, $atts, $meta)
{
$link = wp_get_attachment_image_src($attachment->ID, "full");
return $link;
}
Regards,
Peter
Hi
Maybe this is too much to ask but I ask anyway. I am developing my site using your beautiful Enfold theme. This theme should be compatible with Explorer 8 according to the descriptions.
When I open the site, which has a boxed layout, with IE8, it is shown like this: http://kitm.se/1.jpg
Using Firefox, it looks like this: http://kitm.se/2.jpg
My question is if there is any code that could be entered in Quick CSS so that the header is shown with the white background. Also I notice the the width of the boxed layout is less in IE8 compared to Firefox. How can I widen it and still have the boxed layout which I like more?
Regards
Abedi
Hi!
WordPress doesn’t know which “masonry page” is the parent page of a “single portfolio entry” because the masonry grid is actually just a shortcode which is embedded into the content of a page. Kriesi found a workaround and Enfold stores the id of the parent portfolio/grid page into a session.
I.e. if the user first views this portfolio grid page (http://frostholm.co.uk/portfolio/bedroom-furniture/ ) the server will save the page id into the session and as soon as the user views the single portfolio entry (i.e. http://frostholm.co.uk/portfolio-item/edwardian-dressing-stand/ ) Enfold uses the session data and the saved page id to build the breadcrumb (You are here:Home / Antiques / Bedroom Furniture / Edwardian Dressing Stand). If the user accesses the portfolio entry from another portfolio page: i.e. from http://frostholm.co.uk/ it does not save the parent page id and the breadcrumb will be wrong. Note that you need to clear the browser cache to remove the session data if you want to test this.
You’ve two options:
1) Make sure that the same portfolio items are not part of several masonry grids and remove the masonry grid from the homepage.
2) Use the code I posted here: https://kriesi.at/support/topic/breadcrumbs-with-portfolio/ – then the breadcrumb will just the portfolio categories of the current entry and by going this way the breadcrumbs will always have the same structure regardless of the masonry gridpage/location. However you can’t show the masonry page link in the breadcrumb because the breadcrumb will just list the categories of the current portfolio entry.
Best regards,
Peter
To properly present text, since i cant put your layout elements inside a layout element?, in something resembling what is considered a readable line length:
http://baymard.com/blog/line-length-readability
I can gain generic control with say:
.avia_textblock {
clear: both;
margin-left: 10%;
width: 80%;
How to apply that at larger resolutions only, say >990?
And to limit where this is happening, would this be correct route?:
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Hi!
Bitte entschuldige die späte Antwort. Ich weiß nicht, was du mit “richtige ‘Portfolio item’ meinst. Wenn du derzeit die Ajax Vorschau nützt (zB wie hier: http://kriesi.at/themes/enfold/portfolio/portfolio-ajax/ dann kannst du diese deaktivieren. (Option “Link-Handhabung”: http://www.clipular.com/c/5932273564123136.png?k=88WjUJHu-2dXjOFaKyTg3_dSQIQ ). Die einzelnen Portfolio Seiten: (zb http://kriesi.at/themes/enfold/portfolio-item/single-portfolio-23-gallery-3/ ) zeigen schon alle Inhalte deiner Portfolio Einträge und da kann man nichts hinzuzfügen bzw verändern.
Best regards,
Peter
Oh, I see the point… then I have to change my question…
Is it possible to make the scroll smoother? :)
Just to inform you why I understand my friends, just have a look at this example and compare that to the Enfold example:
http://demo.qodeinteractive.com/eden/
I guess you will realize that it is “smoother”…
Maybe we find a solution!
Thx…
Regards, Dan
Hi!
Kriesi removed the drop-down mobile menu. You can only use the slideout menu for mobile devices. Please go to Enfold > Header then reconfigure the header settings. Simply saving the settings should fix it.
Cheers!
Ismael
Hey Frostholm!
Thank you for using the theme. I hope you’re doing great.
1.) Either way is fine. You can manually add the url of the page or select it on the pages drop-down if available.
2.) Did you set it on Enfold > Header > Header Layout > Header Title and Breadcrumbs? You can also override the settings for each page on Layout > Title Bar Settings. If that doesn’t work, add this on Quick CSS or custom.css:
.page-id-23204 #main > div.stretch_full.container_wrap.alternate_color.light_bg_color.title_container > div > div.breadcrumb {
display: none;
}
3.) You can set a min height for the title container or special heading. Something like this:
div.flex_column div.av-special-heading {
min-height: 70px;
}
Cheers!
Ismael
This reply has been marked as private.
Hey comprompt!
Please go to Appearance > Menus. Did you set the menu as Enfold Main Menu on Theme Locations option? The website does not exist. Please post the correct url.
Regards,
Ismael