Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.main_color .avia-content-slider .slide-image { background: transparent; }
@media only screen and (max-width: 989) and (min-width: 767px) {
#top .avia-logo-element-container .slide-entry {
float: left;
clear: right;
width: 50%;
}}
Cheers!
Yigit
-
This reply was modified 12 years ago by
Yigit.
I’d like to set the autoplay on the slider1 because seems it don’t load the 2nd slide
Any help ? http://www.domoinnovation.it
Ty
Fiore
Hi Bru141!
The html for the “cells” contains an empty link on the first one. There isn’t anything automatically generated in the menu from what it looks like in the source.
<div style="display: table-cell;" id="toprow">
<a href="http://www.yoursite.com/divorce-attorneys-nj/attorneys/----/"></a> <---- this is an empty link which creates a space
<a href="http://www.----.com/profile/view?id=4---4"><img src="http://www.yoursite.com/divorce-attorneys-nj/wp-content/uploads/2014/03/linkedin.png"></a></div>
Cheers!
Devin
Is there smoething new about the iOS flags display issue I reported?
Thank you,
Oriol
Hey!
1) Yes, it’s the default mobile menu styling. If you want to customize it I suggest to hire a freelancer who can change the styling of the “desktop” version of the menu based on you requirements.
2) You can apply a custom class to the section: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then use this class to add a pattern image as background. I.e. use the class “avia-custom-background” and into the quick css fields insert:
#top .avia-custom-background{ background-image: url(https://mywebsite.com/pattern.png); }
instead of http://mywebsite.com/pattern.png insert the url to the pattern/png image. You can also add multiple images http://www.css3.info/preview/multiple-backgrounds/ if necessary.
Best regards,
Peter
This reply has been marked as private.
If my browser is not already caching the site below, it seems like the LayerSlider is not loading correctly… the height is reduced and the presentation is partially hidden… making the top header menu area too large:
http://www.onlineecovercreator.com/
I’ve tried disabling most plugins and testing the site, but even when I think I’ve solved it it’ll start happening again.
I was wondering if someone could tell me whether this is a glitch with LayerSlider or a conflict with a plugin or something else that causes it to load incorrectly quite frequently.
Your advice and observations would be greatly appreciated.
Thanks!
Ron
Hi!
Yes – you can use the avf_title_args filter. An example code snippet can be found here: https://kriesi.at/support/topic/blog-header-goes-to-index-instead-of-blog/#post-238081
Cheers!
Peter
This reply has been marked as private.
Hey!
Please use the code I posted here: https://kriesi.at/support/topic/wpml-language-switcher-flags/#post-241574 and place it at the very bottom of the enfold/funcions.php file or into your child theme functions.php file.
Regards,
Peter
Hey Devin
Thanks very much for coming back to me. I shall attempt to explain my problem more accurately.
You are correct that the image showing on that page is 710 x 360.
However it should be 710 x 398.
I have edited the functions.php file so that the entry with sidebar image is 710 x 398 ( I do not wish to edit the size of entry without sidebar as this would impact the size of images in the slider which I have used on the homepage).
See here: http://new.mclean-williams.com/functions.png
I regenerated images etc so to my understanding, on the page in question the image showing should be 710 x 398.
If you look at this screenshot of the page in question: http://new.mclean-williams.com/sidebar.png
You can see that the page does have a sidebar and yet the class of the image being pulled in is attachment-entry_without_sidebar.
I want this to be attachment-entry_with_sidebar. As the page clearly does have a sidebar, what do I need to do so that the attachment has the class attachement-entry_with_sidebar?
I attempted forcing this page to give the image class attachment-entry_with_sidebar by modifying the includes/loop-index.php file and this did work however it messed up my newsletters page where at the moment I am choosing to show the top image full size as it made that show at 710×398 too which I don’t want.
Hope that all makes sense and you understand my problem.
Thanks
Joel
Hey!
Please create us an admin account and post the login credentials as private reply. The code I posted here: https://kriesi.at/support/topic/portfolio-sort-by-title-and-title-display-on-hover/#post-240564 should solve the problem and if it doesn’t work something else manipulates the query (i.e. a plugin, etc.)
Best regards,
Peter
Hi!
As a quick FYI our queue goes by oldest posts to newest. When you self bump or ask about a topic it actually pushes the topic to the end of our queue and its more likely we will miss it rather than see it.
As for the issue if the file is in fact located in wp-content/themes/vsd/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff make sure that its set to be readable by the server. Eg, chmod 776.
Regards,
Devin
Hey!
If you need help please create a new thread and post more details. If you want to show the first category instead of the portfolio/masonry grid page in the breadcrumb use the code I posted here: https://kriesi.at/support/topic/portfolio-breadcrumbs-are-displaying-incorrectly/#post-243178
Cheers!
Peter
Hi!
Thank you for using the support forum!
Make sure that you added the code for each language on the wp dashboard. You can add it on Enfold (CURRENT LANGUAGE) > Styling > Quick CSS:
#avia-menu > li.language_it, .avia_current_lang {
display: none !important;
opacity: 0 !important;
}
You can also add it on css > custom.css file via FTP to avoid the hassle about Quick CSS.
Cheers!
Ismael
Is there a way to fix the layer slider to the top similar to the options in the color section?
I have tried targeting the the id layer_slider(x) div with position: fixed but this does not work. How we can implement this? It would be a nice design trick if the page content were able to scroll up and past the slider.
BTW Awesome theme, love the support, the design and flexibility — it’s like a Swiss army knife, what ever you need you have the tools to get the job done.
Hi Keith!
Thank you for using the theme!
Please configure the header options to show the social icons, top menu and phone number under Header > Extra Elements. Add this on Quick CSS to remove the logo and menu container.
#header_main {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
You might need to adjust the main container top padding on some case so add this one:
.html_header_top.html_header_topbar_active.html_header_sticky #top #main {
padding-top: 29px;
}
I hope that helps.
Cheers!
Ismael
Hi!
Thank you for using the theme! Glad you figure it out yourself.
Unfortunately, the wpautop function is not a theme related issue and you may choose to disable it or not depends on how you use the editor. This function is useful for a lot of purposes, but if you are switching back and forth between the visual and text editors, it may be useful to disable it on a post by post basis. In your case, we suggest that you disable it when using shortcodes or html tags.
Thank you for your understanding.
Cheers!
Ismael
When we view pages or posts with some versions of Windows Explorer the images squash to about 10 pixes wide. It seems to co inside with the LayerSlider sliders (slideshow) header loads.
url – http://www.autostop.com.au

Hi.
I, as well as the other fellow users, need a template that allows the user to maximize/minimize an attached photo with WordPress’ Image Edit function. (ref: https://kriesi.at/support/topic/image-function-still-not-working-correctly/ )
Having the same problem (being unable to edit photos with Image Edit, I employed Josué’s solution:
Removing this code:
height: auto;
width: auto;
…from CSS > base.css
Although it fixes the problem, it creates another one, even worse: It messes up the thumbnails in the blog, and stretches and squashes the Featured Images of different posts.
Is there any other more reliable solution to fix both things in this theme?
Thanks. Don’t know if you work on weekends, but a prompt reply will be greatly appreciated.
I need some advice.
1. I love the white credit card logos here: https://squareup.com/ In case they change them before you see them here is a screenshot
https://dl.dropboxusercontent.com/u/1049926/Screen%20Shot%202014-03-29%20at%208.03.34%20PM.png
2. I tried putting their code in a text box element and adding some div’s which worked for the desktop site but it did not work on a mobile device. The icons were all over the place.
3. I looked on Fontello ad found some font icons called Brandico but I don’t like them. They are not elegant and simple enough. I like the simplicity of the icons on the Square site. Using font icons would be great because no matter how high the resolution is on a device the font icons will always be sharp.
4. So I guess I have to find image icons. Right?
Do you guys have any advice for me. I’m a bit lost on this one.
Thanks, Jas
Hi.
I’ve modified the style.css file of my Enfold Child Theme with the following code because I want to see Freshness Topics.
li.bbp-forum-info, li.bbp-topic-title {
width: 60%;
}
li.bbp-forum-freshness, li.bbp-topic-freshness {
display: block;
width: 20%;
}
Now I would like that “Categories” are displayed as “Forums” for Freshness Column, instead of all those “No Topic”.
here the URL http://besos.pw/forums/forum/forum-ingegneria-biomedica-pisa/
Can you help me? Thanks
Hi, with Propulsion and Twenty Fourteen it’s OK.


Hello!
I can finish a website for a client, however there a just a couple of dirty responsive issues which mean I cant bill it out until I figure it out!
The website is http://martinecarroll.com.au
At one breaking point, the menu lays over the top of the logo and the slider with a massive break inside. As the page is adjusting, the logo jumps around in various sizes as well. It does smaller then bigger then smaller then bigger as the page moves.
I’m sure this is a simple fix, but I cant find where to edit breaking points in the css.
Hello,
I have quite a few problems with viewing an enfold based website in responsive devices since I updated the theme. This happens on android 4.2 when using the default browser, chrome for android and also dolphin.
1. I have set the menu to display the responsive menu on tablet and smartphone devices. Sometimes the menu displays, sometimes it doesn’t – there seems to be no reason to it, however, my logo is larger than the normal size at 589 x 156. I had to set it this size because it seemed so small at the normal size.
2. Sometimes the stylesheet doesn’t load. I have to reload the page several times and then it decides to appear.
3. I have added the following to the custom css to stop the layerslider working on mobile and tablet devices: @media only screen and (max-width:1000px) {
.avia-layerslider { display: none; }
}
This works ok in landscape mode but when I turn to portrait it displays the slider.
4. Images with an animation effect (for example slide in the from the left) don’t seem to work. I just get a blank space where the image should be.
5. I have pages with portfolio grids in them. The excerpt text displays in the portfolio grid displays but the images don’t display.
6. Sometimes the breadcrumb overlays the page title on the page. I have used this code which works .title_container .breadcrumb {left: -4px; top: 70%; }
#top .title_container .container { min-height: 90px; } but I think this problem relates to issue 2 above because if I reload the page a few times it seems to fix itself.
Overall, it’s a bit of a mess and seems very hit and miss with some of the points above.
Any help would be appreciated.
Thanks
Andrew
I have a code already to prevent the feature image form showing on standard type of posts – .single-format-standard .big-preview.single-big { display:none; } – that is the code I got from one of you on a previous topic i had.
Now I want to also prevent the feature image from showing inside image type of posts and the new code that you gave me –
.single-format-image .big-preview {
display: none;
}
doesn’t seem to work.
The previous code is working and preventing from the feature image from showing on standard type of posts.
Hi!
The sessions are used to set the breadcrumbs but there shouldn’t be any instance where they would or should be getting picked up by a crawler. I’ll tag the topic for Peter and Kriesi who are both more familiar with the function but its the first I’ve heard of something like this in the 20k+ instances of the theme being out in the wild so its a bit odd.
Cheers!
Devin
Hey!
I’m having no issues with the mobile menu showing on the home page right now. Is this in a specific browser or device?
On your other question you can target the toggle button with:
#advanced_menu_toggle, #advanced_menu_hide {
background-color: #f18d00;
color: #ffffff;
border-color: #e1e1e1;
}
And prefix it per page by using that pages ID like this:
#top.page-id-3385 #advanced_menu_toggle, #advanced_menu_hide {
background-color: #f18d00;
color: #ffffff;
border-color: #e1e1e1;
}
http://en.support.wordpress.com/pages/#how-to-find-the-page-id
Best regards,
Devin
Hi!
If you switch to any other theme does it still happen? I’m not familiar with the plugin and really have no idea what its supposed to do or why that would be output at all.
Regards,
Devin