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
Hey there,
Ive now turned off the background image in theme options and applied your ID Controls but now the png just fills the section instead of just doing a line.
a) How do I make just 1 row of the png?
b) How do I turn off the container top line just above my png
c) How do I control the margin height so that the portfolio starts further down the page but the container above it (the one with the x3 skills options and massive slab font) has less margin at the foot of its container
to see what im talking about please refer to my site:
http://www.andydpeck.co.uk
Hi there – Tried to change the z-index (tried it multiple ways, even swapping gravitas of number values but it still didnt work.
Heres my css…
/*
DESKTOP STYLES
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
/* Desktop styles go here */
/* CREATES TOP MENU FEINT LINE */
#top .main_menu {
z-index: -1 !important;
height: 30px;
border-bottom-color: #5e5957 !important;
border-bottom-width: 1px;
border-bottom-style: solid !important;
}
/* Main Menu – HIGHLIGHT BLOCK */
#top .avia-menu-fx {
z-index: 0 !important;
display:block;
position:absolute;
top: 30px;
border-style:solid;
border-width:2px;
}
}
cheers
andy
I came across this more recent post that addresses this issue: https://kriesi.at/support/topic/galery-pictures-load-effect
Hi,
Open up enfold/js/shortcode.js and search for following code around line 205:
//trigger displaying of thumbnails
gallery.on(‘avia_start_animation’, function()
{
images.each(function(i)
{
var image = $(this);
setTimeout(function(){ image.addClass(‘avia_start_animation’) }, (i * 110));
});
});
change it to:
//trigger displaying of thumbnails
gallery.on(‘avia_start_animation’, function()
{
images.each(function(i)
{
var image = $(this);
setTimeout(function(){ image.addClass(‘avia_start_animation’) }, (i * 110));
});
}).trigger(‘avia_start_animation’);
and the gallery thumbs should load immediately.
I have implemented it and it seems to work, but my question is, why hasn’t this been written into the code for us? It doesn’t make any sense to have to scroll down a complete page of thumbnail images before you get to see them not greyed out! Now I may have to amend the code everytime I do a theme update, so is there a good reason this fix hasn’t been applied to the code for us?
Thanks,
Matt
Thanks Ismael,
I already had the post created..with an excerpt already in place.
But it will continue to show the entire post.
Inserting the “More” link does create the link and stops the entire post from displaying to the insert point. But I would prefer to use the excerpt feature. Can you verify that it is working?
Hey!
Hey! Not sure why this is happening either, cant reproduce the issue yet. Mind deactivating the plugins you use and try it again? maybe one of them is interfering?
Regards,
Kriesi
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
@media only screen and (max-width: 989px) and (min-width: 768px){
.responsive #top #header {position: fixed;}
}
I don’t know what issues this may cause however as it is currently set by the theme to not have the fixed option on tablet size. It could be a bug fix added by Kriesi or something to prevent issues on tablets but I’m just not sure.
Either way that should force it to be fixed on tablets.
Regards,
Devin
Hi xrisxal2000,
You would need to use an iframe with the youtube video set with the autoplay option and the option not to show other related videos after.
Regards,
Devin
This is not possible without creating a new layout element. Even if you’re using a fullwidth content element you’re limited by the content area width of 1210px. You can add your idea to the wishlist though: https://kriesi.at/support/topic/enfold-feature-requests – maybe Kriesi is interested in such a content/map element.
I tagged this thread for Kriesi because I can’t find a js error. Chrome shows me an error message
Blocked a frame with origin "http://player.vimeo.com" from accessing a frame with origin "http://posa.dk". Protocols, domains, and ports must match."
which seems to be related to the vimeo video but I’m not sure if it affects the slider.
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.