Hello John,
i’m adding the link to the page in the private content. Note that the site is still a work in progress.
I’m talking about the 6 images at the very bottom of the page (they are inside a masonry element).
When i opened this topic, the images loaded all at the same time with a VERY quick animation. I don’t know why but i think the problem solved itself, since the animation is now alright.
By the way, i was wondering if i can slow the speed of that loading animation.
Hey doug123,
This should be possible to do by creating a custom template file that correlates with the parent topic. This is a pretty involved task that goes beyond the support we can offer here, but we do offer customization services that should be able to accomplish this.
Best regards,
Jordan Shannon
On the page “Υπολογιστές” (second button on the menu) at the tab section on the page, only at the first tab has at the side of the page a box (you can see it in a red cycle on the photo “web1”). If you click on it the tab section stop working corectly (you can see it at photo “web2” or try it on the url i provide.
Hey KamelKraiem,
Please refer to the following post https://kriesi.at/support/topic/how-to-make-enfold-french/
Just go to General > Settings > Site Language at the very bottom.
Best regards,
Jordan Shannon
https://kriesi.at/support/topic/widget-woocommerce-layered-nav-not-displaying/
Hi! I read through the post above and I am having the same exact issue.
(I even followed the instructions to set a main shop page and it didn’t seem to resolve the conflicts I’m having.)
The most imminent problem is that I’m trying to apply the Woocommerce Layered Nav Filters widget to the main shop page sidebar (at the very top) so that shoppers can clear their filters and get back to other shopping. When I added this widget to the sidebar, it doesn’t show up at all. I tried clearing my cache and also viewing it another browser.
I’ve included my login info so you can check it out!
Thank you so much! Liz
-
This topic was modified 8 years, 11 months ago by
losting.
Hey bemodesign,
Please make sure Enfold is updated to the latest version and read this post.
Best regards,
Jordan Shannon
I updated my enfold theme and now I am getting a blank white screen when I log into the dashboard. I’ve read other threads under the same topic but just can’t figure it out. The website is http://synergymedaesthetics.com. When I rename the “enfold” theme to “twentysixteen” I can login to the dashboard but as soon as I activate the “enfold” theme I get the blank white screen. Can you please help me figure out how to fix this?
Thank you,
David
Hi breezemedia,
You could try this code:
#top .av_header_glassy.av_header_transparency .header_bg {
background-color: rgba(0,0,0, 0.8) !important;
}
.header_bg {
transition: none;
}
The header change was animated and this div had lighter color.
If you need further assistance please let us know.
Best regards,
Victoria
Hey viaggiareverde,
You could adjust this code here to exclude the post you’re reading.
And here is another thread that can help you do it.
If you need further assistance please let us know.
Best regards,
Victoria
Hi Nic,
Not really :)
Here are the two ways you can add custom Javascript:
https://kriesi.at/support/topic/open-massonry-elements-in-new-window/#post-750541
If you need further assistance please let us know.
Best regards,
Victoria
Dear Victoria,
I have removed the plugins I dont need :-)
I did change the photo on the top – maybe you could help me to make the logo bigger before it is shrinked. The original size of the logo is 600 × 159, so I think it should work just fine.
Kind regards,
Stian
Hi vadikcoma,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.avia-image-container.avia_animated_image.avia-builder-el-3 .avia_image {
position: fixed;
top: 100px;
left: 125px;
width: 25%;
z-index: 0;
}
#howtoget .template-page.content.av-content-full.alpha.units {
z-index: 100;
background-color: #f2f2f2;
}
#full_slider_1 { z-index: 100; }
#register .template-page.content.av-content-full.alpha.units {
z-index: 100;
background-color: #ededed;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hello Victoria,
Please see the link through your mobile, and click on the menu.
You will see one menu link named “Check here”
When you open it you will notice that is shows the entire page, instead of opening the modal window (showing the iframe content)
Try the same url through a desktop computer and click one the one menu link.
You will see the iframe modal window appears.
So here it is. How we can be able to show the iframe modal window when viewing and clicking this same menu link via mobile/tablet devices.
Thank you,
George
Hey blafoley,
No, our search handles just one parameter.
You might want to consider using a plugin for that. Here is some reading on the topic http://www.wpbeginner.com/showcase/12-wordpress-search-plugins-to-improve-your-site-search/
If you need further assistance please let us know.
Best regards,
Victoria
Hi matrixmeridian,
I would suggest sticking with a working solution, but we can have a look.
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Here is what Andy wrote you about this in another thread.
Best regards,
Victoria
-
This reply was modified 8 years, 11 months ago by
Victoria.
Hi Victoria
I only want to affect the Mobile View (tapping the screen) NOT the desktop view. Surely this will affect the Desktop view as well?
I have been asked to customize the header of a site based on Enfold and place some content above the top navigation menu. I see that the menu is laid out vertically using inline style declarations to set the height and line-height to a specific value for each menu item, and I need to reduce this to allow for space above the menu. Is there a hook for these menu items that I can use to adjust these inline style values to reduce the height of the nav items? I’ve looked at the nav_menu_link_attributes filter, but this doesn’t seem to be getting run for the top menu (although I am seeing it being run in the footer menu).
Hi vadikcoma,
You have two options to place the caption title in the center of your slider.
One option is to change the Slider minimum height in pixel to 500px.
Another option is to keep the Slider minimum height as 250px, and then lessen the padding above the caption. (The default is 100px.) To do that, please use this CSS:
@media only screen and (max-device-width: 767px) {
.html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
padding-top:0px !important;
}
}
Please note that if you change the font size of the caption title, the value of the padding may need to be changed.
I hope that helps!
Best regards,
Sarah
Hi Sarah,
thanks for your reply.
I don’t see anything happening when I use that code, but I changed some spaces in the code and it does something now.
I’ll break up what I want to accomplish.
1) I would like to move the whole menu down a bit on all pages
2) I would like all my content, be it a slider or a textbox, to start at the same distance below the menu, see link A) in private content. Just like in the imported demo content ‘Minimal Portfolio Demo’ shown here. I got it to work on the link B), but on my current homepage; link C) the text box starts way too low. I would really like to do it with the visual interface and not with custom code if it’s possible, since with custom code I don’t know what the effects on future content will be.
4) When I try to create a page exactly like the page in 2), but starting from scratch, the slider starts underneath the menu, and I can’t find where I can change the padding for it using the interface. see link 3) in private content. Are there some hidden settings for the demo content ‘Minimal Portfolio Demo’ to look like this?
I found .html_header_top.html_header_sticky #top #wrap_all #main{ padding-top:95px; } with the inspector which does exactly what I need, but I can’t figure out where that setting is done, and why it only works for the demo content and not for new pages.
5) Another distance problem is the grey box underneath the page in link C). Whatever I do, I can’t get control over the distance from the box to the text above it. I would really like to do it with the visual interface as well and not with custom code if it’s possible.
I hope you can help me.
-
This reply was modified 8 years, 11 months ago by
rhae.
Hi Rikard,
I know how to compress videos, but I’m looking for a file size to which to compress them. I figured Enfold would know sizes that work well within your Fullwidth Easy Slider element.
The video is already on YouTube, but if I link from there, consequences ensue that I do not want. I want the video to play as a loop, and I want it to start automatically when someone accesses the homepage:
1) Using Embed code. You have to make the video play (there’s a red arrow to click), and after it’s over, the slider fills with YouTube tiles. I know there’s a plugin that’s supposed to make those stop, but I don’t want the viewers to have to click to play anyway.
2) Using YouTube URL. This will make the video start playing automatically. It doesn’t show the tiles at the conclusion; it returns to the beginning with a static image and a black arrow that must be clicked to play the video again. So it’s not a loop.
Both when using the Embed code and the URL, the controls show at the bottom of the image. I don’t want that.
To have a continuous loop, with no controls showing, I believe my best option is to self-host the video, which is why I’m asking for a recommended file size.
Thanks,
Barbara
Hi Ismael,
This is how I added the suggested code and it does not fix the issue. I still need to refresh to see the caption (only on the ipad)
@media screen and (max-width: 1024px) {
#top .releve-slider-desktop { display: none !important; }
#top .releve-slider-mobile { display: block !important;}
.avia-caption-content { visibility: visible !important; }
}
@media screen and (min-width: 1024px) {
#top .releve-slider-desktop { display: block !important; }
#top .releve-slider-mobile { display: block !important;}
.avia-caption-content { visibility: visible !important; }
}
Thanks
Lyse
Hi Haiko,
The main div has padding on top to give space to the header. That’s the one we have to adjust now.
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
.html_header_top.html_header_sticky #top #wrap_all #main {padding-top:50px !important;}
Sorry, but which is the other space that you would like to adjust?
Best regards,
Sarah
In addition, I can’t get the slider on top of the page on the exact starting height like in the demo I’ve imported. When I duplicate the page it is the same, but when starting from scratch it’s much higher. Was there some custom code used to create the demo pages that I need to know about?
Hi viaggiareverde,
That’s strange. By default, related-posts.php should exclude the current post.
'post__not_in' => array($this_id))
Can you try this solution?
If that doesn’t work, may we have temporary access into your Dashboard so we can take a closer look?
Best regards,
Sarah
Hi Samuel Marín,
It’s the settings of the column and the tab content to middle vertically that are making this happen, try adjusting those to top and see what happens.
If you need further assistance please let us know.
Best regards,
Victoria
Hey Yigit
Thanks for input which – as always – did work :-)
HOWEVER the idea with flags beneath the menu does not seem to work at all:
When the cursor is on the menu, the submenu opens, but then, when you move the cursor from the menu to the unfolded submenu – then the submenu offcourse disappears when the cursor crosses the flags. I should have thought about that. Sorry.
Now I have instead tried to implement the flags OVER the menu, but when you start scrolling and the menu minimies – then the flags position themselves on top of the menu.
Have you got any idea of a solution to make one of theese ideas work?
PS: I don’t know why the child theme seems empty – maybe because I only use ftp via FileZilla?
Actual css used:
#header .widget {
right: 40px;
top: 0px;
position: absolute;
z-index: 999;
height: 13px;
line-height: 13px;
}
#header .widget {
display:none;
}
.home #header .widget {
display:block;
}
Thanks in advance
Best regards
Hey there,
I am trying to have an image “floating” underneath the breadcrumb bar on every page, just over the featured image/slider, like an additional branding.
It is supposed to look like THIS
I have followed the instructions you posted here:
https://kriesi.at/support/topic/image-under-breadcrumbs/
but got stuck with what you can see now (on private-aircraft-sales.airgo.de , the additional container is not supposed to take actual space, also it should be transparent, containing just one superposed image, no repeat), also the solution to the problem was not posted in this older thread.
Can you help?
THANK YOU!
Hi Rikard,
many thanks, once again.
The topic can be closed.
Best regards, Ben.
Hi Ben,
Great, I’m glad to hear that. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
We have a page with customised tabs using the Enfold FAQ Accordion Element (done by a Codeable developer). We are perfectly happy with this on desktop view. However, we noticed that although the Hover for the mouse changes the colour on an accordion tab, and this colour remains when the tab is clicked to open, and when clicked to close it returns to its standard colour; when interacting on the mobile/tablet display, tapping the accordion tab opens the tab and displays in a lighter colour, but tapping once more to close the tab it keeps the active colour instead of returning to the uniform darker colour of inactive.
Is there a way to make the second tap to close return the colour to the inactive one, as the desktop view does?
We are happy how the desktop version works, so we don’t want to effect any changes to that. We just want a similar colour action for mobile and tablet interaction.
page link in Private Content: