Hey!
I am sorry but we can not help with that issue ( and posing on a topic multiple times, does bring it to the end of the que ).
Please contact some service like codeable, who will be able to assist you further with it.
Best regards,
Basilis
Hey!
Please take a look here
https://kriesi.at/support/topic/how-to-disable-enfold-creating-media-image-sizes/
how to use and act with the cropping.
Let us know if you have any more questions
Best regards,
Basilis
Hi,
I just followed your hints (but the error still exists:
rosterSlider: Set a width for the items!
rosterSlider: Set a width for the items!
rosterSlider: Set a width for the items!
[body#top.home.page.page-id-93144.page-template-default.logged-in.admin-bar.boxed.open_sans.customize…, prevObject: m.fn.init[1], context: document, selector: “body”]
Uncaught ReferenceError: avia_is_mobile is not defined
Can you help?
Br,
George
Hi!
@riwas222 refer to the following:
https://kriesi.at/support/topic/removing-image-titles-on-hover/#post-275920
@laslomaloso are you referring to the demo images? after you import a demo all images should be located in wp-content/uploads.
Regards,
Josue
Hello,
I am using this demo for a new site
http://kriesi.at/themes/enfold-one-page-portfolio/
I would like the top menu bar to appear when the page loads, and remain sticky when the user scrolls. Right now, it is not there on page load, and only appears when the user starts to scroll.
What is the best way to make that happen? Thank you!
Hey Yigit!
Sorry, the site is about to go Live and the client wanted me to “hide” the preview. It is now showing again (for the time being) on this page: http://8kly-jk6b.accessdomain.com/~slade/redseal-selected-as-a-2015-red-herring-top-100-global/
If this page does not show up it is because the site went Live in which case the URL would be https://redseal.co/redseal-selected-as-a-2015-red-herring-top-100-global/
Ideally what the client wants is for the small featured image to NOT crop. It’s ok that the image container be 180×180 but they don’t want the image cropping and filling the entire container. After reading a few posts I installed this plugin: https://wordpress.org/plugins/simple-image-sizes/ and set the “square” 180×180 to NOT crop and then regenerated the images. This didn’t seem to help.
Any ideas?
Thanks, Slade
Hey!
Is that a comma on top of the css media queries? If yes, please remove that. You should use standard media queries. The max-width value should be 767px while min-width is 768px. Please post the login details here. We will check the actual page.
P.S: Sorry for the delay.
Regards,
Ismael
Hey!
I can only see 5 columns in the test page. Please add another column then we’ll provide the css code. Try this:
#custom-section .flex_column.av_one_fifth.first {
float: left;
clear: none;
margin-top: 0;
}
Adjust the width and margin-left value of the columns.
Cheers!
Ismael
Hey!
Thank you for using Enfold.
I checked the site on Firefox Windows but I can’t reproduce the issue. Anyway, try to reduce the column width:
#top .no_margin.av_one_sixth {
width: 16.5%;
}
Default value is 16.66666666%.
Regards,
Ismael
Hi!
Thank you for using Enfold.
Add this in the Quick CSS Field:
.avia-team-member .team-social {
border: 7px solid rgba(0,0,0,0.1);
position: absolute;
font-size: 19px;
background: #fff;
background: rgba(255,255,255,0.7);
opacity: 0;
visibility: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
border-radius: 3px;
}
Best regards,
Ismael
Hi there,
I have a header menu where only one page (blog) is supposed to have a submenu. Hovering on “blog” should show the submenu in a dropdown. As it does by default, all good so far.
Once the user clicks/navigates to the blog page, the submenu should stay open until the user navigates to another page.
I tried it with fixing a submenu just below the main menu, using css in a child theme. But then some issues occur, I hope you can help with:
1. My header menu is set to “shrink header”, so I need to lift my submenu to the header, ones it shrinks. And lower it ones it grows.
2. When hovering on “blog” in the main menu, still the dropdown of the submenu opens, so I end up having 2 submenus on top of each other. Ideal would be, if the dropdown does not open here on the blog page.
I wonder, If there would be a better approach to it as I’m trying so far. Maybe its far more simple to keep the submenu open through functions.php modification, or something else?
I hope I put my question clear enough in words.
Thank you for your help.
Hi COLORIT!
Thank you for using Enfold.
Please try this in the functions.php file:
// custom lightbox
add_action('wp_footer', 'ava_custom_lightbox');
function ava_custom_lightbox(){
?>
<script type="text/javascript">
(function($) {
$(window).load(function() {
$('.single a').magnificPopup({
type: 'image'
});
});
})(jQuery);
</script>
<?php
}
If it doesn’t work, a link to the site will help.
Related thread: https://kriesi.at/support/topic/icon-list-7/#post-586615
Regards,
Ismael
Hi, I am struggling to do something that I thought was going to be much easier. I have 4 boxes of content that I want to stay on top of any sliding images on the home page. I want the boxes to remain and not move while a couple of images fade in and out in the background. I have tried layerslider plus all the other sliders and even looked at the colored content area in the hopes that I could have images rotate with that but I have had no luck. I know I have done this with other themes and I have to believe there is a way to do it with Enfold.
How can I keep common elements always present while letting images change in the background. Even duplicating the common elements and having them use no transition and no duration fade does not solve the problem because they still disappear for a moment when the slide switches. Is there a way to do keep these boxes always showing while images move in the background? Thanks.
-
This topic was modified 10 years, 1 month ago by
waterwalk.
Hey!
Did you read the foot note on the previous thread?
The background-size “cover” value will keep the image’s aspect ratio but it may cut off parts of the image. The “contain” or “100%” value will keep the whole image visible in the container but it may distort the images.
One workaround is to create another color section with a background image cropped specifically for mobile. Or use the full width easy slider. Toggle the display of the elements by using css media queries. Example here:
Regards,
Ismael
Hi,
I’m not sure where it’s coming from but that is CSS being displayed on the front end:
#tab-water { top: 183px; margin-left: 105px;} #tab-fire, #tab-water, #tab-mold, #tab-storm { float: left; position: absolute; width: 70px; height: 40px; z-index: 10000; cursor: pointer; } div { display: block; }
Where did you add that CSS?
Regards,
Rikard
Hello,
The Avia Layout Builder Stops Drag-&-Drop Functionality from the Elements Tabs while trying to build my pages. In a brand new blank page it allows you to drag-&-drop initially as expected, but at some point the element blocks just stay “red” as you try to drag them into place.
However, I did manage to clone an existing element within the page and then drag it to a different area.
Running
– WP 4.4.2
– Enfold 3.4.7
Attempted fixes as per blogs:
– Switched from latest version of Chrom to latest version of Firefox
– Cleared browser cache
– Confirmed with hosting company WordPress folder permissions on all files to 755
– Reinstalled WP twice from the Dashboard
– Deactivated plugins
PLEASE HELP! I have been at this for 2 days and no one has bothered responding to my post.
Thank you.
Hi @IASupport,
Did you have any luck in implementing the font you like? Please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi there,
I have used text from Word inside a text block in Enfold and this text has tags that you can jump to like this:
MENU ITEM 1
And the place where it jumps to looks like this:
The problem is that , as you can see in the link to my page, it seems as if the starting point where you jump to is under the main menu, so it is not 100% right at the top. Is there a way to get it to scroll a bit up for all these labels?
Hello. Please look at the following page and the top-most color section. My client loves the way the image appears (Bottom Right) on my 27″ monitor, but the image doesn’t look good/correct as the screens get smaller. I know in general how to use media queries adjust for mobile devices, but I’m looking for advice on the following…
1. I’m looking at this background image on my Macbook’s 13″ screen and the top of the image is cut off. Shouldn’t the background image shrink as the screens do?
2. What do people normally do on really small mobile devices (e.g. iPhone portrait mode) if they have a background like this? Take it out altogether? I’m always tempted to replace a background image with a regular image to combat this. I’d like to show the image vs. just removing it…in some situations.
Anyway, long story short – what steps would take next to make the background image look good everywhere?
Thank you,
Ryan
-
This topic was modified 10 years, 1 month ago by
WP Turned UP.
Hey!
Use this code:
#top .social_bookmarks li:hover a {
background: transparent !important;
}
#top .social_bookmarks li a:before{
content: "";
display: block;
width: 30px;
height: 30px;
}
#top .social_bookmarks li.social_bookmarks_facebook a:before {
background: url(https://ausidentities.com.au/members/wp-content/themes/np/images/facebook.svg) center center no-repeat;
background-size: contain;
}
#top .social_bookmarks li.social_bookmarks_twitter a:before {
background: url(https://ausidentities.com.au/members/wp-content/themes/np/images/twitter.svg) center center no-repeat;
background-size: contain;
}
#top .social_bookmarks li.social_bookmarks_youtube a:before {
background: url(https://ausidentities.com.au/members/wp-content/themes/np/images/youtube.svg) center center no-repeat;
background-size: contain;
}
Modify and extend as needed.
Regards,
Josue
Hi Folks
I tried this work through in post https://kriesi.at/support/topic/custom-banner-image-on-enfold-woocommerce-product-pages/#post-560025. To bring a background image in on the product pages. on http://medievilnutrition.com.
It didn’t work for me so I deactivated and deleted the custom functions plugin and this:-
add_action('ava_after_main_container', 'add_banner_before_breadcrumb');
function add_banner_before_breadcrumb() {
if ( is_product() )
{
echo '<h1 style="text-align: center;"><a href="http://www.yourwebsite.com" target="_blank">
<img border="0" alt="Banner Name" src="http://www.yourwebsite.com/wp-content/uploads/shop-banner-image.jpg" /></h1>';
}
}
Now I am left with this line of code visible at the top of the site and am at a loss where it is and how to get rid of it (it also seems to be slowing the site down – can you help?
Thanks
Steve
Hello Yigit
Can you please help me with my issue that I posted almost an hour ago?
The post number is #590047
The issue si the Avia Layout Builder Stops Drag-&-Drop Functionality from the Elements Tabs while trying to build my pages.
Thank you!
Hello. I could put a list together here soon. Today, I faced an issue with inserting images. The button to insert an image into a post was grayed out. I found out I could only insert 1 image at a time. For sake of time (launching on Monday), I just moved on.
Currently, for a Color Section, I have a background image set to Scroll > Center/Right. Here are the issues:
1. When I reach this particular section while scrolling down the page, the background image drops out from the very top of the section and continues to scroll until it hits the next section. I would expect the image to appear Center/Right based on the height of the content within the section, rather than drop from above. Maybe that’s just the way this is supposed to work.?
2. When you scroll up, the background image disappears behind the upper section. I would expect it to stay Center/Right based on the height of the content within the section, rather than disappear under the section above. Maybe that’s just the way this is supposed to work.?
Same Color Section – Other issue:
1. Section is using Huge Padding. There is huge padding at the top. There is 0 padding at the bottom.
Bonus issue: Accordions – is there a way to set them ALL to open initially?
Happy to give you admin access (as I always do), but I want to make sure we are not overlapping. I’m under a deadline.
Thank you,
Ryan
Hi all!
I really want to change the height of my full-width masonry thumbnails. I’m not talking about specifying a few as *portrait* and then getting double height, I just want the height of the most basic masonry item to be taller. Like so:

Do I need to mess with the javascript? Any tips/ideas?
Hello,
The Avia Layout Builder Stops Drag-&-Drop Functionality from the Elements Tabs while trying to build my pages. In a brand new blank page it allows you to drag-&-drop initially as expected, but at some point the element blocks just stay “red” as you try to drag them into place.
However, I did manage to clone an existing element within the page and then drag it to a different area.
Running
– WP 4.4.2
– Enfold 3.4.7
Attempted fixes as per blogs:
– Switched from latest version of Chrom to latest version of Firefox
– Cleared browser cache
– Confirmed with hosting company WordPress folder permissions on all files to 755
– Reinstalled WP twice from the Dashboard
– Deactivated plugins
PLEASE HELP! I have been at this for 2 days.
Thank you.
Ahoy –
so here is the issue I am having see how when the testimonials scroll the top changes? See video
I would like it too always look like how it does on Dr. Shannon – that should be the correct size
It also looks bad on mobile see screenshoot – i need it to not be pixelated
Please advise
Hi there,
I had originally posted this issue on the ThemeForest comments section and had been redirected to here by Yeet.
I have a site with the Enfold theme installed, and am trying to use it with the Ninja Popups plugin, so that when the ‘LEARN HOW’ button on the video slider widget is clicked, a popup opens up (see examples here: http://demo.arscode.pro/ninja-popups/open-popup-by-clicking-on-the-link-or-button/). The issue is that when I try inserting the Ninja Popup shortcode into the button caption for the slider and update the page, the slider disappears and some strange code appears in the Caption Text field.
I have provided the link to the page, as well as the credentials (see private content), followed by the steps to reproduce the problem:
1. Log into the site as admin and navigate to the homepage. At the moment there is a slider with a LEARN HOW button. I am trying to get the popup to appear after clicking on the button.
2. Edit the homepage. In the Layout Builder, open the Fullscreen slider at the very top, then click on the Video, then click the Caption tab.
3. At this point, try inserting the shortcode [ninja-popup ID=626]LEARN HOW[/ninja-popup] into the Button 1 label, then save and update.
4. Once the page is updated, the slider has disappeared, and the Caption Text field of the slider will have some additional code inside. The additional code must be removed for the slider to function again, without the Ninja Popup functionality.
If you could please let me know whether this can be fixed, or whether there is some other way to achieve what my client is looking for, I would greatly appreciate your help.
Thanks!
Emma
it works on masonry as well.
I tried this on a former participant question before.
It reacts like a featured image. You have on post editior on the left (admin) side a input field (like featured image) a featured video.
You can input even iframe code of vimeo or youtube – so you can get rid of those annoying hints on other videos or set the autoplay mode etc.
But you see that this feature will slow down your site.
If you set up blog grid, blog masonry or any other alb with posts it will show you the “featured video” if you have more than one in it – it is not so good to set them on autoplay :lol: