Thanks! I did find this code in another thread, the “!important” did make it work for me.
I’d consider this resolved, but it raises another question for me. Would it be possible to assign different image sizes at different CSS breakpoints?
For example, when I hit 768px could I change width to : 20%?
Thanks for the help.
Hey!
Please add following code to Quick CSS as well
element.style {
}
header.entry-content-header {
text-align: center;
}
#main .container_wrap {
border-top: none;
}
Cheers!
Yigit
Hi hebchop!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
.av-masonry-gallery .av-masonry-entry {
width: 10%!important;
}
Regards,
Yigit
Hi ChristophTaschler!
Thank you for using the theme!
We are not sure of the issue as of this moment. If you don’t mind, we would like to ask for the website url. Do you have any plugins other than WPML? A screenshot of the issue will surely help. Thanks!
Best regards,
Ismael
Hello. This theme is really amazing. I like it ! Wonderful.
I just met one problem but it is a real one.
When i write articles, everything is doing fine.
But when i write texts into the differents creation tools, espaces are not showing. Everyting is stuck.
I don’t have spaced sentences. The <br/> tag is not working. It’s putting the tag : <p style=”text-align: center;”> at place.
Here is an exemple page : http://hoyde.net/apropos/
In my latest theme, i installed TinyMCE to solve that problem and it worked. There was an option to stop removing the <br> tag. But here, TinyMCE is still installed and it’s not working.
Could you help for this ?
Best regards
-
This topic was modified 12 years ago by
Gilles1801.
Hi
I have a page with three Iconboxes, each in a 1/3 section next to each other – all at the same page, in the same color section:
I would like to change the background color of each of the Iconboxes eg.: one red, one blue and one green (not icon background, but the background of the box itself).
I have tried using the folowing code to change the background:
#top .iconbox {
background: rgba(110, 128, 128, 0.49) !important;
}
.., but I cant get it to work.
Then I found the following code to also target each element:
#top .iconbox.avia-builder-el-5 {
background: rgba(110, 128, 128, 0.49) !important;
}
…, but couldn’t get it to work either.
Could you please help me target each of the icon boxes individually, and provide me with a quick CSS code to change the background color of each of these boxes.
If you need any information or clarification, please let me know.
I hope you can help me.
/Johnny
Hey!
Please add following code
.html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a { font-size: 16px !important; }
#top .av-main-nav ul a { font-size: 14px; }
and flush browser cache
Cheers!
Yigit
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: translate(17%, 0);}
Cheers!
Yigit
Hi azulbambu!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
.av-main-nav > li:hover > a { background-color: red; }
Regards,
Yigit
Hey!
Please add following code to Quick CSS as well
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select { padding: 4px 6px; }
Regards,
Yigit
Hi!
Can you post the link to your website so we can take a look?
Please add following code to Quick CSS as well
#header_main { border: none !important; }
.html_header_top.html_header_sticky.html_large #main { padding-top: 115px; }
Cheers!
Yigit
Hello,
As you can see on this screenshot, i have a little problem when unsign the blank template.
Scroll the content stops at the bottom of the usual menu location.
In fact, the previous image remains visible, which is not pretty.
How can I change this?
Thank you.

Hi to the team !
I’m running the latest versions of Enfold and WordPress and I stumbled upon the same problem as described here : https://kriesi.at/support/topic/header-size-with-blank-template/
I found out how to get rid of the top “empty” header but one problem remains : when you scroll down to the next section via the button (I use a fullscreen slider), you get a new “empty” header corresponding to the height of a sticky header when you scroll down. I’ve been using the “minimum 100% of the browser height” for my color sections but I’m now loosing the benefit of it. I think it’s related to the new option for pages to have a fade-in sticky header, leaving an empty space when you use a template with no-header. Here is an example (just click on the button to scroll down) : http://agi.to
Is there any fix for that issue ?
Good day to you !
Fred
Hey!
Did you add a color section with a background image on the portfolio page? If you don’t mind, please provide us a link to the portfolio page. Please try to add this on Quick CSS:
.avia_mobile #top .av-parallax-section{
z-index: 0 !important;
}
Cheers!
Ismael
Hi Kriesi-Team,
is there a way to use the main menu in all layouts, even if the theme is viewed on mobile devices?
We don’t want the mobile menu to show up instead of the main menu, because our navigation consists just of so few menu-items that it fits even on mobile-devices, and so we’d like to force the theme to show consistently the menu like it is in desktop-resolution.
Can you help us out with a work-around or any kind of fix?
Many thanks in advance
Hi Devin,
Thanks for looking into it. I have done so, but as yet the problems remain (perhaps a little time needs to pass?) – I cleared the cache and then did a PreLoad of it, but no luck.
Would you mind taking a further look? There are a number of issues on top of the homepage logo slider one – the menu not working on iPhone (other than the last two items, which work fine), and the grey alternate colour not showing on firefox (http://www.microstockman.com/microstock-shop/ – the background section at the top called “Microstock Shop” is all grey on browsers other than Firefox).
Cheers, thanks for your assistance
Hey!
This is not possible without additional code. You can try to use the code someone posted here: http://www.sk23.co.uk/code-snippets/php/highlight-current-post-category-in-wordpress-categories-widget-using-jquery-php/ . In single.php replace:
get_header();
with
get_header();
$post_categories = wp_get_post_categories(get_the_ID());
$script_out = '';
foreach($post_categories as $c):
$cat = get_category( $c );
$script_out .= "jQuery('.cat-item-".$cat->cat_ID."').addClass('current-cat');";
endforeach;
echo '<script>'.$script_out.'</script>';
and then you can use the current-cat class to highlight the current category like:
#top #wrap_all .current-cat{ color: #ff0000; }
Cheers!
Peter
Hello Ismael, thank you (and Yigit) for your help.
Now it works. This is the full code, just in case anyone can need it:
/* CORRECTION ON MOBILE LOGO */
@media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img {
max-width: 100% !important;
height: auto!important; }}
@media only screen and (max-width: 767px) {
.responsive #top .mobileMenu {
margin: 20px 0 10px 0;
width: 100%;
padding: 10px 4px;
}
.responsive .logo {
position: static;
height: 90px;
float: none;
}
}
I just made a bit of fine tuning on line 3 from:
max-width: 80%;
to:
max-width: 100% !important;
because a part of the right side of the logo was cut.
I hope this does not affect other devices. At the moment I have only tested it on a Samsung / Android device and soon I will also check it on a iPhone.
Hey!
Unfortunately you can’t remove the code with css. CSS Code just hides the date for the user but Google and other search engines can still read it from the html code. If you want to remove the date completely you must modify the php template (like Ismael suggested here: https://kriesi.at/support/topic/remove-date/#post-250669 ). If you don’t want to modify the template every time you update the theme I recommend to place the modified loop-index.php into a child theme (complete path is wp-content/themes/YOURCHILDTHEME/includes/loop-index.php).
Cheers!
Peter
Hey!
You can add a margin-top to the menu like:
#header_main_alternate {
margin-top: 20px;
}
Cheers!
Peter
Hi morgantar!
Since 2.6 Enfold will add flags to the main menu. If you want to display the language shortcode instead of the flag images insert this code into your child theme functions.php file:
if(!function_exists('avia_append_lang_flags'))
{
//first append search item to main menu
add_filter( 'wp_nav_menu_items', 'avia_append_lang_flags', 20, 2 );
add_filter( 'avf_fallback_menu_items', 'avia_append_lang_flags', 20, 2 );
function avia_append_lang_flags( $items, $args )
{
if ((is_object($args) && $args->theme_location == 'avia'))
{
global $avia_config, $sitepress;
if(empty($avia_config['wpml_language_menu_position'])) $avia_config['wpml_language_menu_position'] = apply_filters('avf_wpml_language_switcher_position', 'main_menu');
if($avia_config['wpml_language_menu_position'] != 'main_menu') return $items;
$languages = icl_get_languages('skip_missing=0&orderby=custom');
if(is_array($languages))
{
foreach($languages as $lang)
{
$currentlang = (ICL_LANGUAGE_CODE == $lang['language_code']) ? 'avia_current_lang' : '';
if(is_home() || is_front_page()) $lang['url'] = $sitepress->language_url($lang['language_code']);
$items .= "<li class='language_".$lang['language_code']." $currentlang'><a href='".$lang['url']."'>";
$items .= $lang['language_code'];
$items .= "</a></li>";
}
}
}
return $items;
}
}
(alternatively insert the code at the very top of enfold/functions.php after the <?php tag). You can also replace $lang[‘language_code’] with
$lang[‘translated_name’]
or
$lang[‘native_name’]
if you want to display the entire language name (and not just the shortcode).
Best regards,
Peter
-
This reply was modified 12 years ago by
Dude.
Thanks Devin. Got it now. But why does the ‘Ajax Portfolio’ on a iPad not open a preview element? In fact nothing opens when you click on the image gallery featured image. The desktop works fine and I can view my full gallery but not on the iPad. Is there a way of fixing it for tablets?
Luke
Hey!
I think this is a worpress bug because several other users reported it in the official forum too: http://wordpress.org/support/topic/images-will-not-post-in-38-writing-size-as-1px-by-1px
I recommend to check if you can reproduce the upload issue with the default wordpress theme (TwentyThirteen or TwentyFourteen) too. If yes it’s definitely a wordpress core or server configuration issue which we can’t fix with the theme code.
Cheers!
Peter
Hey Simon!
Try adding this code to the Quick CSS:
strong.logo {
top: 0px !important;
left: 12% !important;
-webkit-transform: none !important;
-moz-transform: none !important;
transform: none !important;
}
span.avia-menu-text {
font-size: 14px !important;
}
Here’s what you’ll get:

Cheers!
Josue
I’m trying to get the masonry portfolio to display images at pixel width or a predefined width via CSS. The behavior here on the widest browser set is closest to what I’m going for.
http://enfold.banyancom.com/people/
Bascially I’d like to turn off the responsive 3 col, 2 col, and 1 col settings. How could I do that?
I have tried for the last three hours, searched this forum and cannot find anything that can help me. Here is what I have so far…
.hr .hr-short .hr-left.avia-builder-el-2 .el_after_av_heading {
height: 10px; !important
line-height: 10px; !important
margin: 0; !important
padding: 0; !important
float: none;
}
But no matter what I do there remains a 20px margin/padding top and bottom of that hr ruler.
I have tried:
div.hr.hr-short.hr-left.avia-builder-el-2.el_after_av_heading
.main_color div.hr.hr-short.hr-left.avia-builder-el-2.el_after_av_heading
I have tried simply:
.hr
.hr-short
.hr-left
I have tried with spaces between classes, without spaces between the classes. I have tried EVERYTHING I can think of. What am I doing wrong? What is the code?
Thank you!
Hi!
It sounds like you mean the sidebar on the single product page is showing under the image. This is exactly how it is supposed to show using the default theme options and code since the sidebar loads under the image and the single product page does *not* have a sidebar.
You can change the single product layout using the functions and example grid structure in the demo php snippet here: http://kriesi.at/documentation/enfold/change-woocommerce-single-product-page-layout/
Regards,
Devin
Hi rseybold!
You would need to use media queries to change the css rules for your content to get it to better respond first. Then you can use media queries to hide one slider and show the other.
CSS Tricks has a good intro on using them http://css-tricks.com/css-media-queries/
Cheers!
Devin
When I look at my site on my desktop, the Layer Slider works as it should. The transitions are smooth and predictable. When I open the LS on the iPad, the transition blacks out and then flashes the slide before going back to a black out. Could you please help!
http://www.jamesonpowers.com
Please reply and I’ll PM you access. Thanks!
This reply has been marked as private.