I have another problem too. I didn’t want to create another post. My main navigation at the top has these weird random circles appearing next to every single text/navigation title. How would I get rid of that?
Dear Devin,
Thank you for your prompt reply.
I have added the script to the header.php file write below:
<?php do_action(‘ava_main_header’); ?>
<div class=’container’>
I believe that’s an acceptable compromise. However its pushing the navigation menu down a few pixels and its covering the top of the slider!
Here is a link to the website:
http://83338.com/
Could you please advise me on how to fix this small aesthetic issue? Do I need to change a few lines in the layout.css file?
Thanking in advance,
Will
Just re-read your email and what you’re suggesting can’t actually put the box on top of the feint line which is what I’m trying to do. It just aligns it at the top but graphically its wrong. Can you suggest another way to achieve it?
Cheers
I am getting a strange effect when I try to add links in an iconbox, the parsing goes strange.
I have this (note I replaced some of the <> with [] so that the code displays without linking):
<br />
[av_one_third]<br />
[av_icon_box icon='59' position='top' title='Need Support?' link='manually,mailto:support@MYSITE.com' linktarget='no']<br />
Please visit our [a href="http://MYSITE.com/support/"]FAQ[/a] if you have not already done so. Else, please contact us at [a href="mailto:support@MYSITE.com"]support@MYSITE.com[/a] or 1.800.555.8697.<br />
[/av_icon_box]<br />
[/av_one_third]<br />
and on the website, the code looks like this:
<br />
<div class="iconbox_icon heading-color avia-font-entypo-fontello"></div><br />
<h3 class="iconbox_content_title"><br />
[a "="" support="" MYSITE.com="" http:="" href="mailto:support@MYSITE.com' title='Need Support?' ]Need Support?[/a]</h3><p>Please visit our [a href="]FAQ[/a]<br />
if you have not already done so. Else, please contact us at<br />
[a href="mailto:support@MYSITE.com"]support@MYSITE.com[/a]<br />
or 1.800.555.8697.<br />
<p></p><br />
</h3><br />
</div><br />
</div>
`Note the
[a “=”” support=”” MYSITE.com=”” http:=”” href=”mailto:support@MYSITE.com’ title=’Need Support?’ ]Need Support?[/a]
is really weird. This does not happen when I don’t have a website link in the iconbox. Can anybody help? Is this a bug?
Hi,
Please check footer.php, go to line 167, the code should look like this
<a href='#top' id='scroll-top-link' class='avia-font-entypo-fontello'>& #59231;</a>
I added a space after the & symbol to render it correctly here. The actual code don’t have a space.
Regards,
Ismael
Hi,
according to my question concerning CORONA theme, where this worked fine (https://kriesi.at/support/topic/changing-blog-name-only-in-breadcrumbs-of-corona), I would like to have this with ENFOLD, too:
Changing my blog name only in ENFOLD’s breadcrumbs.
I’ve tried to replace in class-breadcrumbs.php
global $post;
echo '<p class="breadcrumb"><span class="breadcrumb_info">'.__('You are here:','avia_framework').'</span> ';
bloginfo('name');
echo "";
with
global $post;
echo '<p class="breadcrumb"><span class="breadcrumb_info">'.__('You are here:','avia_framework').'</span> ';
echo 'VIAINA Atelier';
as Dude suggested for CORONA, but this has no effect in ENFOLD.
It has even no effect, if I try to change the “you are here” with some other text …
It seems, that I’m looking at the wrong php file …
Thanks in advance for any help.
Hi,
I refer to this post, because I would like to achieve the same: titles below the related post items:
https://kriesi.at/support/topic/title-under-featured-image-in-related-posts#post-119448
But something must be wrong with the characters of the code, that the user suggests:
$output .= " ID)."'>".$related_post->post_title."";
I don’t know PHP right, but Notepad++ shows all the following code in grey, means, that there is in the line something wrong with the characters:

I have now in my related-posts.php:
$output .= "<div class='$post_class $extra relThumb relThumb".$count." post-format-".$format." related_column'>n";
$output .= " ID)."' class='relThumWrap noLightbox'>n";
$output .= " <span class='related_image_wrap' data-avia-related-tooltip='".$related_post->post_title."'>";
$output .= $image;
$output .= " <span class='related-format-icon avia-font-entypo-fontello {$extra_class}'><span class='related-format-icon-inner'>".$avia_config[$format]."</span></span>";
$output .= " </span>";
$output .= " ";
$output .= " ID)."'>".$related_post->post_title."";
$output .= "</div>";
With the suggested code of the other post, I get an error:
Parse error: syntax error, unexpected T_CONSTANT_ENCAPSED_STRING in /home/www/web333/html/netzwerk/site2013/wp-content/themes/enfold/includes/related-posts.php on line 83
line 83 is what here is line 14: http://pastie.org/8059831
Thanks.
Okay I solved it!
First potterlawso here is the answer to your question:
.image-overlay .image-overlay-inside::before {
background: none;
}
Post the above into your custom.css file.
If you only want it done to a certain page, remember to look at the page’s sourcecode and get the portfolios page-id-<number> e.g page-id-507
In that case all you would do is add .page-id-507 infront as follows:
.page-id-507 .image-overlay .image-overlay-inside::before {
background: none;
}
As for my question here is how to replace the circle + icon and add something you want:
Original code found in layout.css
.image-overlay .image-overlay-inside::before {
position: absolute; border-radius: 50px;
background: #000; height:80px; width:80px;
line-height:80px; left:50%; top:50%; margin: -40px 0 0 -40px;
z-index: 500; text-align: center; color:#fff;
}
Then added my own in custom.css to a specific page:
.page-id-756 .image-overlay .image-overlay-inside::before{
position: absolute; border-radius: 0px !important;
background: url(../images/portfolio-hover-image.png) no-repeat !important; height:114px !important; width:141px !important;
line-height:114px; left:35%; top:45%;
z-index: 500;
text-align: center; color:#fff;
}
Please note I put my image in the image folder. The path is /theme_name/images/ folder. Default /enfold/images/ = ../images/
Hope that helps,
Peace,
Daniel
Looks like someone else may have noticed a similar problem:
https://kriesi.at/support/topic/unidentifiable-posts-in-blog-category
Is it related?
Hi,
Add a new layer, select Div/Video then add this code
<div id="caption-container-full"><div class="caption-container-full-center">
THE WORKPLACE OF THE FUTURE</div></div>
Set the animation on Options tab to Transition In/Out to Fade, duration to 0.
On Style tab set the following options.
Top: 410px (Adjust this according to the height of your slider)
Padding: 10px for each field (top left right bottom)
Font Size: 40px
Font Color: White
Custom Style Settings: width: auto; display: block; background: rgba(0,0,0,.5); position: relative; bottom: 0; text-align: center;
Then edit custom.css or Quick CSS, add this code
#.caption-container-full {
bottom: 0;
}
.caption-container-full-center {
display: block;
width: 1024px;
text-align: left;
margin: 0 auto;
}
You will have a responsive caption container.
Regards,
Ismael
This code won’t work because you can’t give #top .main_menu a negative z-index value. The #top .main_menu element is the container of the main menu and you’d hide the entire menu if the container is covered by other elements with a higher z-index. Personally I’d just change the position of the “color” bar with:
#top .avia-menu-fx {
top: 29px;
}
Then it will overlap the border and you’ll have the same effect.
I updated Enfold to 1.7 this morning and went on working with it as before. I tried to create a custom Sidebar for my frontpage showing my most recent portfolio items. The Content won’t show up next to my slider but in the lower section of my site.
Any ideas on how to fix it?
Link: http://roberthunecke.com/redesign/
EDIT:
Came across the following:
The behavior I described seems to only appear if there is a color section used. Is there any chance to use both color section and a sidebar on the same page?
Thanks a lot.
Hello, considering this falls under the same topic I’ll request it here also. I want the same as potterlawso. But I would also like to know how to change this image to a custom image I’ve created, lets call it: portfolio-image.jpg
So instead of the Circle with the Icon, how can I make this be replaced by my portfolio-image.jpg?
Cheers all,
Daniel
Hi,
Devin’s good, you can click on his name and see 200+ pages of customizations he provided for Avia framework alone. I would say he is one of the top 3 experts on the framework. That Codeable.io looks interesting, a no nonsense approach.
Thanks,
Nick
Hi,
Please add this css to you /css/custom.css
#top .slide-meta {
display: none;
}
#top .slide-entry-excerpt {
padding-top: 20px;
}
You can change the padding in my code to increase/decrease space in place where the date used to be.
Thanks,
Nick
Hi,
Please add this css to /css/custom.css OR to quick css:
#top.page .avia_image.avia_animated_image {
max-width: 193px;
max-height: 193px;
}
Thanks,
Nick
Hey guys,
Just a tiny little support question.
On my site the narrow navigation button that triggers the /#top movement is a little rectangle instead of an arrow.
You can see it in my linked image.
http://provideoannouncements.com/wp-content/uploads/2013/06/arrow.png
Any ideas?
Thanks!
Brady
Hi
Ohh, I have translated the files to Russian. Twice. First time the theme pot, and once again the LayerSlider pot too, because I didn’t see this message before beginning. I have killed 3 working days on it, really.
You guys can download translated files from this link: download RUS po-mo files (100%, for both of pot).
Also I have already placed the layerslider ru_RU.mo and ru_RU.po into enfoldconfig-layersliderLayerSliderlanguages folder. But unfortunately, the translation of LayerSlider interface doesn’t appear for my customer. Something needs be allow there, please, check this.
Regards
Any way I can move the breadcrumbs to right above the footer instead of below the header?
Want to keep the top part of the site clean and simple, not cluttered with this kind of info. However, I do want it visible on the page, so right above the footer would suit me best.
Hi,
Please add this on your custom.css or Quick CS
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 25%;
max-height: 147px;
height: 147px;
}
#top div .avia-gallery img {
height: 100%;
max-height: 100%;
}
Cheers,
Ismael
Hi!
Insert following code into the quick css field
#top .avia-slideshow-arrows a {
text-indent: -600%;
}
Regards,
Peter
No, that’s not possible. This hack wouldn’t make much sense too because it would also affect all other toggles and you can’t change this behavior on a case by case basis, etc. However you could add your idea to the wishlist: https://kriesi.at/support/topic/enfold-feature-requests/page/3#post-118752 – maybe Kriesi wants to add such a feature to the toggle shortcode.
Hi,
@benjaminrig: Please follow this link. Do the recommendations listed on the thread.
https://kriesi.at/support/topic/no-texts-are-found-in-the-sample-pages
Regards,
Ismael
Hey!
Try:
#top .advanced_mortgage_calculator_content input[type="text"] {
display: inline !important;
}
Best regards,
Peter
You could try http://codex.wordpress.org/Function_Reference/wp_redirect -to redirect the user to another page. Add the function to the very top of search.php. You can retrieve the user input (search query) with: http://codex.wordpress.org/Template_Tags/get_search_query
Hi,
the combo widget of ENFOLD does not show “comments”.
I guess, this is the same as it’s in CORONA because of “disply:none”.
So I add to my custom.css:
#top .sidebar .widget_tab_comments {
display: block !important;
}
But now it shows me twice the comments:
“Comments” not active tab:
“Comments” as active tab:
The code of class-frame-widgets.php is
// prints the widget
extract($args, EXTR_SKIP);
$posts = empty($instance) ? 4 : $instance;
echo $before_widget;
echo "<div class='tabcontainer border_tabs top_tab tab_initial_open tab_initial_open__1'>";
echo '<div class="tab first_tab active_tab widget_tab_recent"><span>'.__('Neue', 'avia_framework').'</span></div>';
echo "<div class='tab_content active_tab_content'>";
avia_get_post_list('showposts='. $posts .'&orderby=post_date&order=desc');
echo "</div>";
echo '<div class="tab widget_tab_popular"><span>'.__('Beliebt', 'avia_framework').'</span></div>';
echo "<div class='tab_content'>";
avia_get_post_list('cat=&orderby=comment_count&posts_per_page='.$posts);
echo "</div>";
echo '<div class="tab widget_tab_comments"><span>'.__('Comments', 'avia_framework').'</span></div>';
echo "<div class='tab_content'>";
avia_get_comment_list( array('number' => $posts, 'status' => 'approve', 'order' => 'DESC') );
echo "</div>";
echo "</div>";
echo $after_widget;
}
Where does the double “Kommentare” (Comments) come from?
Thanks.