I am having an issue with image links in the enfold theme. I had previously disabled the image overlay for said links using the following css:
.image-overlay, .overlay-type-extern, .image-overlay-inside {
display: none !important;
}
However, I am still having issues with stopping the image from changing alignment on the page during mouse hover. It appears that the image may be changing its display properties from inline to block during the hover action if that can help identify the issue…
I have 13 different galleries set up on one page.
There are 3 to 9 images in each gallery.
The first 3 galleries on top display the thumbnails just fine, even spaced. Mobile version looks fine as well.
The last 9 galleries show thumbnails next to each other with barely any space in between them. On mobile, they are smushed together and it looks really bad.
If I clone one of the properly working galleries and add new images to that, it still looks bad.
If I create a new gallery under the top 3(that are working fine), it still looks bad.
All of the possible gallery settings are the same for all 12 galleries.
Can somebody help me with this issue? I need the bottom 9 galleries’ thumbnails to display correctly.
Link in “private content” section.
I have created a page that uses the Full Screen slider and looks awesome on the desktop and laptop views. In mobile view however, the text gets truncated at the bottom. (BEGINNING WITH SLIDE #2 which contain captions. Slide 1 is only an image.)
I’ve played with .slideshow_caption { width: 80%;} and it made no difference on allowing bottom of page text to remain or not.
I’ve resized the background image (more height) and that didn’t matter either.
Currently I’m using the NO SCALING option.
Not sure what to try next to get the mobile version to show all text and still keep the laptop view beautiful.
Please help me solve this mystery…
-
This topic was modified 8 years, 12 months ago by
welswebmaster. Reason: Ismael did not see the text in ALL CAPS so I tagged it BOLD
Hi, I love Enfold! I have a question that might be outside the scope of your support. I imported the demo Enfold Startup Business Demo. I am using a background video hosted by YouTube at the top of my home page, just like the demo: aboveviewaerials.com
My background video takes about 3 seconds to load, while the demo background video loads in well under 1 second. The videos are the same length and both hosted by YouTube. They also both autoplay in 1080p when I go directly to the watch page on YouTube. Here are their links:
https://www.youtube.com/watch?v=UVK5BVD9mrw
https://www.youtube.com/watch?v=Wq-DEL2ONGg
I think this has something to do with the original video file because your video loads more quickly on the direct YouTube watch page. Can you tell me what I could do to make my video load more quickly?
Hi,
I currently only don´t see the navigation menu on top of my page (is the only place I´d like to have it)
I went to Appearance > Menus. Now I don´t have a clue how to add my pages. In the left menu of these settings there are no pages shown. How do I do this?
(When I try to create a menu, it keeps jumping back to ´myemailadress´)
Hope to get it fixed.
Hi,
1. Space between special headings
Basically i would like there to be less padding in between Special Headings on my webpage – however, even after adjusting “Padding Bottom” to 0, there’s still a large space between elements.
See link in private content (top area) .
2. – id like the main image to be mobile responsive – so it doesnt cut off.
Meaning – the image should appear the same size on mobile as well – so they view the face and not a cut off version. Is this possible?
Thanks!
Hey!
Yes, you can activate them now.
I have added following code to Quick CSS field in Enfold theme options > General Styling
.avia_sortable_active .isotope {
height: auto!important;
}
Please flush cache and review your website now :)
Cheers!
Yigit
Those two worked! But I actually don’t have the solve for number 3. The window still slides in from the top right. Can I get css for that?
Thanks again Andy! Really really appreciate the support.
Point 3 solved (but only point 3) : ici
Too bad :(… Don’t work in fact… same event in portfolio entry or blog single post….
-
This reply was modified 9 years ago by
Gleechme.
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.html_header_top.html_logo_center .logo img {
margin: auto;
}
.html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
width: 100%;
}
Best regards,
Yigit
On my website the testimonials have stopped showing.
Could you have a look at it?
Hi Luisgasser,
You can add this to your Enfold > General Styling > Quick Css
@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
#searchform {
display:none;
}
}
Let us know if this was helpful.
Best regards,
Victoria
Hey rdswestnet,
Here are the style to be used in this case. Put them to Quick Css or in themes/enfold/css/custom.css
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
.html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
padding-top: 0px;
}
#top .avia-slideshow-button.avia-color-light {
padding: 7px 16px;
}
#top .avia-slideshow-button {
margin-top: 0px;
}
}
Let us know if this was helpful.
Best regards,
Victoria
thanks Victoria for your input – i’m often brainstorming in my topics i started. you can see result here on the link above.
But that solution is a css one – the script tries still to center active tab heading. You can diminish screenwidth – than you can see the effect.
Hi,
as already said we recommend to work with Mailchimp. With all other plugins we can’t guarantee that is will work fine. See our recommended plugin list here: https://kriesi.at/support/topic/recommended-plugins/
Best regards,
Andy
hi guys
Just trying to get Adsense ads working. Have finally got them to display using extra code below as it was only displaying dots:
#top #wrap_all ins:before {
display: none !important;
}
Problem now is that the leader board ad that displays above the Blog Grid layout is not responsive (see url below). When shrinking the browser width the ad scrolls off the page.
Is there a solution for this?
Thanks
Hey!
I am not sure if i understood the issue you are having. If you would like to display excerpts on your blog overview page, please edit your blog posts and click “screen options” on the top right corner and check “excerpt” and then scroll below your content and insert your excerpt in “excerpt” field.
If that is not what you meant, please elaborate
Best regards,
Yigit
on this thread there was a question to substitute a shortcode in parent theme .
On Versions before the old code do the trick:
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;
}
Then you only have to create a new shortcode or a copy of the original and change code in it. The copy of the shortcode will overwrite the original!
But now this doesn’t have any influence – allthough the new child-theme shortcodes are visible in Dashboard – Appearance – Editor. The Changings have no effect!
Any Advices to change that back to “old school”
Hi,
add this code as well:
a.ls-l p {
font-size: 9px !important;
margin-top: 32px !important;
}
Best regards,
Andy
Hi,
try this code inside Quick CSS field:
@media only screen and (max-width: 767px) {
.responsive #top .av-submenu-container {
position: fixed !important;
top: 565px !important;
}}
and adjust top value if needed.
Best regards,
Andy
Hi Natasha,
Please refer to this thread on how to add search on mobile devices.
Let us know if you have any more questions.
Best regards,
Victoria
so here are my icon-list and icon-box shortcodes : you can choose what title tag it has (h1 to h6)
Download. it makes no sense to choose in a list the h1 (a h1 should be unique per page) so there is only h2 to h6 possible)

but see : https://kriesi.at/support/topic/add-changes-in-config-templatebuilderavia-shortcodes-in-childtheme/#post-765982
-
This reply was modified 9 years ago by
Guenni007.
Hi,
not sure which function you need exactly. Where can we see what you need?
However, here you find a list of recommended plugins for Enfold: https://kriesi.at/support/topic/recommended-plugins/
Best regards,
Andy
Hi
How can I fix the anchor position?
Since it is a transparant menu, anchor links have an offset of 120px now. The section should be aligned to the top.
Thanx!
Tom
Thanks, Yigit. I’m not sure this is quite the solution, but I am grateful. I can’t rely on the client remaining on hover to stop the slider, I need the video to be static while playing. Not a crazy notion. I’m also too far down the line to bring in a child theme, but again, thanks for the code and suggestion.
Bottom line, there are no solutions with Enfold to slide videos on both mobile and desktop. I am surprised at this.
Lastly, a masonry gallery at the bottom of my homepage has now stopped functioning as well. I have done nothing here, it was fine and now the images are not displaying. Do you have any theories as to why this has now stopped working, please?
In my case, with Enfold 4.0.3, the Masonry Gallery disapears with every Browser, also on Mobile Device, when lightbox-link in the gallery is NOT aktive.
If the lightbox-link is activated, the Masonry Gallery works fine.
Now I’m back to Enfold 4.0.2 and everything (e.g. lightbox off) works fine ;-)
LG,
Nic
There seems to be a similar problem:
https://kriesi.at/support/topic/masonry-problem-4/#post-764090
-
This reply was modified 9 years ago by
YouCanMore. Reason: Added similar thread
hi,
how can i disable the search field an desktops, so it should only shown on mobiles
Hey snitt!
You can copy enfold/css/layourt.css file into your child theme inside /css/ folder and add following code to functions.php file of your child theme
add_action( 'wp_enqueue_scripts', 'wp_change_layoutcss', 20 );
function wp_change_layoutcss() {
wp_dequeue_style( 'avia-layout' );
wp_enqueue_style( 'avia-layout-child', get_stylesheet_directory_uri().'/css/layout.css' );
}
then find the code in file with following selector
.html_header_top.html_header_sticky.html_av-framed-box #header
and remove it :)
Cheers!
Yigit
Hi!
It seems like this thread is the only one you started using your account. If you have another account, please go to https://kriesi.at/support/profile/YOUR_USERNAME_HERE/topics/ to find the threads you have started :)
Cheers!
Yigit