Thanks. Okay. I’ve done this and added the widget to header – how do I add to secondary header as currently it is on top of our company logo?
Thank you
andy
Hello
I would like to add GTranslate to the a secondary menu at the top of our website. How is this done?
Many thanks and best wishes
Andy
Hi!
Please try adding following code to Functions.php file in Appearance > Editor
function recent_bbpress_topics() { {
if ( bbp_has_topics( array( 'author' => 0, 'show_stickies' => false, 'order' => 'DESC', 'post_parent' => 'any', 'posts_per_page' => 5 ) ) )
bbp_get_template_part( 'bbpress/loop', 'topics' );
add_action('bbp_theme_after_forum_title','recent_bbpress_topics');
Best regards,
Yigit
Hallo!
Füge folgenden Code in deine functions.php ein (nicht Quick CSS):
add_action('wp_footer', 'ava_new_custom_script');
function ava_new_custom_script(){
?>
<script type="text/javascript">
(function($) {
function a() {
var ww = $(window).innerWidth();
if(ww >= 989) return;
$('#top .logo img').attr('src', 'LOGO AUF MOBIL HIER');
}
$(window).load(function() {
a();
});
})(jQuery);
</script>
<?php
}
Best regards,
Yigit
Hello,
changes to Enfold theme configuration doesn’t take effect.
I have already looked at similar posts and changed browser, cleared the cache, disabled cache plugin, cleared Varnish cache, cleared the transients, deleted the enfold-child.css file in /wp-content/uploads/dynamic_avia folder
The problem is that we have backed up configuration, changed folder name of the theme and child theme (like in ticket https://kriesi.at/support/topic/child-theme-folder-name-renamed-on-update/ ), restored configuration and more or less restore worked apart from some colors. Please see http://imgur.com/a/6SLTP
Thank you
Mauro
acParticipant
Hi, I got rid of the colour section at the top of my home page. I want a full width layerslider, which is working fine, but then the rest of the page below has now gone on a dark blue background and has gone to full width – beyond the normal constrains. The page content area should be white background like the other pages and the normal width..
I can’t see how to fix this – can you help please.
Hello. Need some help displaying the team member names/titles stacked on top of each other, as it does on small media queries.
Thank you,
Ryan
Thanks Nikko,
I have added a line above the one you mentioned to test if it will work: $caption = ‘ <h3 class=”avia-caption-title”>TEST</h3>’;
It shows “TEST” above the title, so it will work. The question is – how do I get category link and name onto this line?
Here is the whole section of code that I have now:
foreach ($this->entries->posts as $slide)
{
$counter ++;
$thumb_id = get_post_thumbnail_id( $slide->ID );
$slide_class = "";
$taxonomies = get_object_taxonomies(get_post_type($the_id));
$img = wp_get_attachment_image_src($thumb_id, $this->atts['image_size']);
$link = get_permalink( $slide->ID );
$title = get_the_title( $slide->ID );
$caption = "";
$caption .= ' <div class="caption_fullwidth av-slideshow-caption caption_center">';
$caption .= ' <div class="container caption_container">';
$caption .= ' <div class="slideshow_caption">';
$caption .= ' <div class="slideshow_inner_caption">';
$caption .= ' <div class="slideshow_align_caption">';
$caption .= ' <h3 class="avia-caption-title">TEST</h3>';
$caption .= ' <h2 class="avia-caption-title"><a href="'.$link.'">'.$title.'</a></h2>';
if(strpos($this->atts['contents'], 'excerpt') !== false)
{
$excerpt = !empty($slide->post_excerpt) ? $slide->post_excerpt : avia_backend_truncate($slide->post_content, apply_filters( 'avf_feature_image_slider_excerpt_length' , 320) , apply_filters( 'avf_feature_image_slider_excerpt_delimiter' , " "), "…", true, '');
if(!empty($excerpt)){
$caption .= ' <div class="avia-caption-content " itemprop="description">';
$caption .= wpautop($excerpt);
$caption .= ' </div>';
}
}
if(strpos($this->atts['contents'], 'read_more') !== false)
{
$caption .= ' <a href="'.$link.'" class="avia-slideshow-button avia-button avia-color-light " data-duration="800" data-easing="easeInOutQuad">'.__('Read more', 'avia_framework').'</a>';
}
$caption .= ' </div>';
$caption .= ' </div>';
$caption .= ' </div>';
$caption .= ' </div>';
$caption .= $this->create_overlay();
$caption .= ' </div>';
$slide_data = "data-img-url='".$img[0]."'";
if(empty($img)) $slide_class .= " av-no-image-slider";
$html .= "<li {$slide_data} class='slide-{$counter} {$slide_class} slide-id-".$slide->ID."'>";
$html .= $caption;
$html .= "</li>";
}
Hi, i have several issues with the responsivess of my site.
I have searced in common threads and pasting some css with no results, I have deactivated and activated plugins and still nothing changed. Tried custom css with no results
In grid row wanted to put some text above an image in one column. I tried multiple ways :
-I inserted image with caption that includes html while it looks great in desktop in mobile it is all out.
-Used the row column as background image with text box inside still in mobile the text is getting out of the image.
-the images i put as a background in one column are cut so i had to put some empty space through photoshop in the image everything looked great but in a larger screen everything is messed up. and in mobile they are not visible.
Hi,
As I understand from the pdf you would like to remove the onsale badge correct?
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .main_color .onsale {
background-color: #a81010;
display: none;
}
If you need further assistance we would love to help you for technical support please register here kriesi.at/support/register
Go to https://kriesi.at/support/ select the theme you purchased bookmark the URL.
Example : https://kriesi.at/support/enfold
Scroll to the bottom of the page to open a new ticket for any further assistance.
Best regards,
Vinay
Hi!
Can you try to check it with other device? something like a different laptop? just to make sure nothing is cached. Also if you are example using chrome primarily, try to use firefox just clear everything in firefox then test the page. Let us know if the issue still persists in it.
Cheers!
Nikko
Hi L!
I think it’s possible, you need to edit this file slideshow_feature_image.php found in Enfold/config-templatebuilder/avia-shortcodes/ folder. The post title is located in line 545:
$caption .= ' <h2 class="avia-caption-title"><a href="'.$link.'">'.$title.'</a></h2>';
you should modify on top of that.
Just a quick reminder, since you will be modifying files in advanced layout builder and any customization in Enfold (parent theme) will be overwritten during a theme update, I suggest following the instructions here: http://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/
Best regards,
Nikko
Hi,
wie gesagt passe den Top Wert aus meinem Code an, bis du einen Wert gefunden hast, der für dich passt.
Gruß,
Andy
Hey!
As long the changes you’ve made are in the child theme, it shouldn’t be overwritten during update.
As for lining the captcha with send you can use this code and add it to Quick CSS(located in Enfold > General Styling):
@media only screen and (min-width:768px) {
.page-id-3665 #element_avia_17_1 {
position: relative;
top: 105px;
}
}
just adjust the top value, however I don’t recommend this solution instead, I suggest to make it inline left with the button but on top of it, if you want to try this please remove the code I gave above and use this:
.page-id-3665 #element_avia_17_1 {
width: 100%;
margin-left: 0;
}
Hope this helps. :)
Regards,
Nikko
Ok, let’s go for placement of a searchbox in the header.
The methode you advised with the widget works but the searchbox isn’t aligned with the menu and doesn’t move upwards along with the decreasing header when scrolling down. Thats because the searchbox is sticked to the top.
Can I put a searchbox in the header that is :1. aligned with the menu 2. moves upward along with the decreasing header or at least will placed on a acceptable position in the decreased header and not sticked to the top?
I’d rather not want to use the magnifying glass or it’s function.
Thanks very much for your help.
Kind regards
ah that’s great..
so question:
1) When should we use “grid row”..
2) When should we use the columns etc.. ?
Also.
I’ve tried what you said for the section and that does look better,
awesome
qn: how do I have the content on the left – be vertically aligned – e.g. top / middle / bottom?
Thanks
x
Hi!
The login details you gave doesn’t work, please check. I think the reason it’s not working because on top of the code I gave you, this css code has an extra }
@media only screen and (max-width: 767px) { .av-catalogue-content p:last-child {
font-size: 11px;
}
.avia_message_box_content {
margin-left: -8px;
margin-right: -8px;
}}
}
Please try to remove that extra closing brace.
Best regards,
Nikko
hello,
after update Layer Slider to 6 version I have got issue with images position in the Slider with Enfold 3.8 theme and last Wordpres 4.6.1
The images inside slider have correct position without hyper links and wrong position when web link applied to the image.
Please check website page.
As you can see, images without links have correct position, and only one image with link always place in the top left corner.
This problem have only Images. Text blocks with web links works fine.
Please, any tips and ideas to fix it!
Kind regards
Denis
Hello everyone!
can someone help me to disable the Slidercontrols in Fullslider when it comes to mobile size?
This one did not work for me:
https://kriesi.at/support/topic/remove-layer-slider-nextprevious-buttons-on-mobile/
Thank you!
Hi,
Sorry for the delayed response, since there are lots of queries lately, I checked you site in mobile and the text seems cut off, can you try adding this code in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:767px) {
#top .avia-layerslider .ls-slide p {
padding: 0 20px !important;
position: static;
}
}
Let us know you’re feedback after adding this code, if you have other pages that uses layer slider, since the code I gave will other layersliders, I think putting it it a section and adding an id will be a better solution for the customization to be specific. Hope this helps.
Regards,
Nikko
Hi troupdim!
Here is how to change the font size of the icon:
.html_header_sidebar #top #header .social_bookmarks li a {
font-size: 20px;
}
Regarding changing the icon, can you elaborate more on that? like what icon would you like to replace it. Hope this helps. :)
Cheers!
Nikko
Hi,
I would like to have a facebook like box in top of the header, that shows have many likes the facebook site haves – see screenshot: http://www.myredbag.dk/wp-content/uploads/2016/11/Screenshot_facebook.jpg
How can I do that?
Best regards,
Helle Østergaard
Hi!
1.) Ignore the code I have above for 1.) and add this code in Quick CSS:
.responsive .boxed#top {
max-width: 100%;
}
2.) Try adding this code in Quick CSS:
#header #menu-item-shop {
border: 0 !important;
}
Let us know if this helps :)
Best regards,
Nikko
Hi!
Try to add this code in Quick CSS (located in Enfold > General Styling):
#top .avia-gallery a.avia-gallery-big {
opacity: 1 !important;
}
Let us know if it works :)
Regards,
Nikko
Hi Anton,
The ftp access doesn’t work, but it should be good now (I found your wp-admin detais which I could still modify functions.php). I have added this script in your functions.php:
function add_custom_script(){
?>
<script type="text/javascript">
(function($){
function myscript() {
var $windowH = jQuery(window).height(),
$submenuH = jQuery('#top.page-id-6741').find('#sub_menu1').height(),
$headerH = "",
$bgH = "";
if ( jQuery( "#wpadminbar" ).length ) {
$headerH = jQuery('#wpadminbar').height();
$submenuH = $submenuH + $headerH;
}
$bgH = (($windowH - $submenuH)/$windowH) * 100;
jQuery('#top.page-id-6741').find('#av_section_1').css({'max-height': $bgH + 'vh'});
}
myscript();
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');
And cleared the cache. Let us know if it’s good on your end also? the code I added is specific to your services page only.
Cheers!
Nikko
Hi!
1.) Seems to be already in fullwidth, but try to add this code to Quick CSS:
@media only screen and (max-width:1024px) and (min-width:768px) {
.page-id-504 #after_full_slider_1 .container {
padding: 0;
}
.page-id-504 #after_full_slider_1 .entry-content-wrapper > * {
padding-left: 50px;
padding-right: 50px;
}
.page-id-504 #after_full_slider_1 .entry-content-wrapper > .hr-custom {
padding-left: 0;
padding-right: 0;
}
.page-id-504 #after_full_slider_1 .entry-content-wrapper > .av_one_full {
padding-left: 20px;
padding-right: 20px;
}
}
2.) Try to add this code in Quick CSS:
@media only screen and (max-width:989px) and (min-width:768px) {
#top #header .main_menu {
right: 46px;
}
}
Let us know if it works :)
Regards,
Nikko
I’m using the Avia Layout Builder and all the elements on the page are working fine except Comments. I saw that Josue mentioned that Comments must be added to template-builder.php, using this code:
comments_template( ‘/includes/comments.php’);
…which I tried but did not work. I’m wondering if:
1) Can Comments work on pages built using ALB? That would be my preference but I can’t get it to work.
2) If Comments must be added, can someone tell me specifically where to add the code? I tried adding it around line 33 immediately following
{
$content = apply_filters(‘avia_builder_precompile’, get_the_content());
}
But that did not work.
Thank you so much!!