Nope…somethings still weird so it seems.
I get 2 different displays on 2 different machines (laptop+pc) (see links attachement)
Everything looks like it was before the latest WP-update on the “laptop-image”…notice the normal left and right black borders.
But on the “pc-image”, the borders are gone, the video looks huge (and other stuff which is hidden).
I checked it in other browsers, same result.
Any idea?
Greetz and thanks
Hi!
you can add page-id into the code, like in this example. For more information check this: https://en.support.wordpress.com/pages/#how-to-find-the-page-id
Best regards,
Andy
Hi!
check this: https://kriesi.at/support/topic/recommended-plugins/
otherwise you need to search by yourself.
Regards,
Andy
Hi @pmfonseca;
the code below can be the cause of it :
.background-img-responsive.avia-section-huge .content { padding-bottom: 15% !important; padding-top: 15% !important;}
Hi,
I’s like to reduce the white space in that page.
In Custom CSS I’ve applied .main.template-page.content.av-content-full.alpha.units {
padding-top: 0px;
}
But got no luck.
Is there a way you can help?
Thanks.
Hi,
when a order is completed, the mail which is sent to the customer get’s some content from pages like “AGB” “Widerrufsrecht” “Datenschutzerklärung” attached to it. But it also attaches the shortcodes to it – this is what a customer sees in his email:
[av_section min_height=“ min_height_px=’500px‘ padding=’default‘ shadow=’no-shadow‘ bottom_border=’no-border-styling‘ scroll_down=“ id=“ color=’main_color‘ custom_bg=“ src=“ attach=’scroll‘ position=’top left‘ repeat=’no-repeat‘ video=“ video_ratio=’16:9′ video_mobile_disabled=“ overlay_enable=“ overlay_opacity=’0.5′ overlay_color=“ overlay_pattern=“ overlay_custom_pattern=“]
[av_icon_box position=’left_content‘ boxed=“ icon=’ue81f‘ font=’entypo-fontello‘ title=’Widerrufsbelehrung‘ link=“ linktarget=“ linkelement=“ font_color=“ custom_title=“ custom_content=“ color=“ custom_bg=“ custom_font=“ custom_border=“]
Information über Dein Widerrufsrecht
und die Folgen des Widerrufs
[/av_icon_box]
Think I may have fixed it
css for related products
#top .product_column_4 .products .product {
margin: 0 1% 1% 0;
width: 24.25%;
}
Changed to
#top .product_column_4 .products .product {
margin: 0 1% 1% 0;
width: 24%;
}
Hi!
ich dachte du meinst du gelben Striche, aber du meinst ja die graue durch gestrichelte, oder? du kannst diese ausblenden mit diesem Code:
.av-catalogue-list {
border-top: none;
}
Gruß,
Andy
Hi!
remove the code causing the issue and use this one to hide your logo instead:
@media only screen and (max-width: 767px) {
.responsive #top .logo {
display: none;
}}
Cheers!
Andy
Hi!
After upgrading I notice that the titles/subtitles on my pages are no longer visible. On top of each page, I have a color section with a title/subtitle (included in a code block). The code is still there, but I see nothing displayed. Any idea?
Regards
Poirot
acParticipant
Hi, how can i add a background to the menu icon for mobile only? it lacks definition on mobile, but I don’t want to change anything in theme options – styling – logo area as it puts colour onto the desktop as well which isn’t good.
thank you.
Hello,
I run the latest version of Enfold. I have updated to the latest WP version.
As a result, some Enfold functionalities have stopped working properly:
– The Testimonials pictures are shrunken and faded (home page)
– The Massonery Gallery no longer displays any picture (ex: http://www.brazilhair.co.za/bob-cut-wig/)
Link & Credentials in Private.
Regards,
Martin
OK, resolved it. The issue described in this ticket was being caused by the “solution” to another problem. Originally, my blog posts’ featured images were too big, and text was going off to the right, even on full size screens. I found a thread where someone else had the same issue here…
https://kriesi.at/support/topic/blog-post-5/
…and implemented the CSS described there as the solution. That fixed things for screens large enough, but messed me up for smaller/mobile screens. Did a bit more searching and found that the OP of that thread experienced the same thing, and posted a follow up here…
https://kriesi.at/support/topic/blog-post-left-sidebar-main-menu-problem/
…so I now have implemented this follow-up solution, and it seems to have solved things. Strange that a few of us are having this issue in the first place, so I still think there’s an underlying cause, and we shouldn’t need to have to fix this with custom CSS, but… hey, at least I’m functional at this point.
Hi Ismael,
thanks again.
I think I need another size because of my problem with the very low Pictures on mobile devices.
If I take a size like 1530 x 430px it Looks nice on Desktop but is extrem low at mobile devices and the caption text is no longer readable.
Do you have another suggestion? Should I take another media element?
best regards
ridcon
Hi!
Please use this:
.html_header_top.html_logo_center .logo {
top: 120%;
}
Adjust the value as needed.
Best regards,
Ismael
Hi,
Ok great, please let us know if you should need any more help on the topic.
Thanks,
Rikard
Hi!
Looks like the main menu shifts because the search icon rendering is delayed. Add this in the Quick CSS field:
#top #menu-item-search {
width: 26px;
min-width: 26px;
}
Cheers!
Ismael
Hey!
Did you add white spaces to the image to cope with the issue Could you please provide a screenshot of the expected layout? The width of the images in the gallery is set to 100% which means that they will adapt to the width of the gallery container. Set the width to auto if you want to see the original size of the image;
#top div .avia-gallery img {
width: auto;
}
Regards,
Ismael
Hi!
Add this css code to disable the portfolio animation:
@media only screen and (max-width: 989px) {
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
-webkit-animation: none;
animation: none;
}
}
Regards,
Ismael
https://kriesi.at/support/topic/demo-images-do-not-load/
Same thing that happened here, now I am having the issue here http://www.apontedigital.com/fotografo
I am using this template in my own website as a showcase to clients. I want to sell the theme to other clients.
Hi,
Yigit asked you for login details because he can see that you need to be logged in to be able to access the URL you posted here ,so he probably never even visited your site.
You probably saved the password in your browser, that is why you are not getting asked to submit details. Anyway, we will need access to your site to be able to help you so maybe you could ask your hosting provider to help you out finding the details needed?
Best regards,
Rikard
G’day all,
Have a small problem I have made some changes to single product page to make sidebar on the right following this thread here https://kriesi.at/support/topic/single-product-page-is-strange-sidebar-appears-under-product/
All looks fine except the related products now using 2 rows 
I have added the following to functions.php (child theme) with latest wordpress, enfold and woocommerce
any help would be great thanks.
#
# wrap single product image in an extra div
#
function avia_add_image_div() {
echo “<div class=’single-product-main-image alpha’>”;
}
function avia_close_image_div() {
echo “</div>”;
}
#
# wrap single product summary in an extra div
#
function avia_add_summary_div() {
echo “<div class=’single-product-summary’>”;
}
function avia_close_summary_div() {
echo “</div>”; //close out the summary
get_sidebar();
}
function avf_product_sidebar_layout_mod($layout){
if( is_single() )$layout = “sidebar_left”;
return $layout;
}
add_action(‘init’, ‘ava_product_sidebar_mod’);
function ava_product_sidebar_mod() {
add_action( ‘woocommerce_before_single_product_summary’, ‘avia_add_image_div’, 2 );
add_action( ‘woocommerce_before_single_product_summary’, ‘avia_close_image_div’, 20 );
add_action( ‘woocommerce_before_single_product_summary’, ‘avia_add_summary_div’, 25 );
add_action( ‘woocommerce_after_single_product_summary’, ‘avia_close_summary_div’, 3 );
add_filter( ‘avf_product_sidebar_layout’, ‘avf_product_sidebar_layout_mod’, 5);
}
and added css to theme options
.single-product .product {
width: 68%;
margin-right: 4%;
clear: none;
float: left;
}
Hi wizard247!
Thanks for getting in touch with us!
The font is not even rendering on desktop for me. Please look at the screenshot in the private section.
Please refer to this post to ensure the font is added properly – http://kriesi.at/documentation/enfold/register-additional-google-fonts-for-theme-options/
If you still have issues, could you please provide login details to your site, so that we can have a closer look. You can place the information in the Private Content section of your reply.
Best regards,
Jordan
Hi Kai!
Thanks for getting in touch with us!
Sorry but this will take more than a bit of CSS. In your WordPress installation please go to the footer.php file and find this code in line 190:
<a href='#top' title='<?php _e('Scroll to top','avia_framework'); ?>' id='scroll-top-link' <?php echo av_icon_string( 'scrolltop' ); ?>><span class="avia_hidden_link_text"><?php _e('Scroll to top','avia_framework'); ?></span></a>
and add this line above it:
<img class='custom_icon' src='http://www.yoursite.com/yourimage.png' />
Add the following to Quick CSS field to move the scroll to top image down and position your image above it:
.custom_icon {
position: fixed;
border-radius: 2px;
height: 50px;
width: 50px;
line-height: 50px;
text-decoration: none;
text-align: center;
right: 50px;
bottom: 5px;
z-index: 1030;
}
#scroll-top-link {
bottom: 5px !important;
}
Let me know if you need further assistance.
Best regards,
Jordan
Hi,
This code https://kriesi.at/support/topic/updated-to-wordpress-4-5-and-content-elements-are-not-shown-please-help/#post-612566 should work if you add it to the functions.php php file in your theme. Could you try it please?
Thanks,
Rikard
Hey epsimec,
Not sure why you started a new thread about the same topic as your other thread, if you have any more questions then please continue in your first thread: https://kriesi.at/support/topic/auto-start-video-on-tablet-but-not-on-mobile-devices/
Best regards,
Rikard
Hey!
Copy the whole code:
<img id="logo-train" src="http://www.amc.com/wp-content/themes/amc-tv/assets/images/logotrains/amcn-logotrain-desktop.svg" border="0" width="689" height="52" orgwidth="689" orgheight="52" usemap="#amcn_logo_train" alt="">
<map name="amcn_logo_train" id="amcn_logo_train">
<area alt="AMC Networks" title="AMC Networks" href="http://www.amcnetworks.com/" rel="nofollow" shape="rect" coords="1,1,153,55" style="outline:none;" target="_blank">
<area alt="AMC" title="AMC" href="http://www.amc.com/" rel="nofollow" shape="rect" coords="164,9,218,42" style="outline:none;" target="_blank">
<area alt="BBC America" title="BBC America" href="http://www.bbcamerica.com/" rel="nofollow" shape="rect" coords="228,10,276,42" style="outline:none;" target="_blank">
<area alt="IFC" title="IFC" href="http://www.ifc.com/" rel="nofollow" shape="rect" coords="288,11,331,42" style="outline:none;" target="_blank">
<area alt="Sundance TV" title="Sundance TV" href="http://www.sundance.tv/" rel="nofollow" shape="rect" coords="340,11,425,42" style="outline:none;" target="_blank">
<area alt="WE tv" title="WE tv" href="http://www.wetv.com/" rel="nofollow" shape="rect" coords="434,9,470,41" style="outline:none;" target="_blank">
<area alt="IFC Films" title="IFC Films" href="http://www.ifcfilms.com/" rel="nofollow" shape="rect" coords="478,9,573,43" style="outline:none;" target="_blank">
<area alt="AMC Networks International" title="AMC Networks International" rel="nofollow" href="http://www.amcnetworks.com/amcni" shape="rect" coords="580,10,691,44" style="outline:none;" target="_blank">
</map>
Best regards,
Ismael
Hi!
Set the theme layout to “boxed’ then add this in the Quick CSS field:
@media only screen and (max-width: 1700px) and (min-width: 768px) {
.responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header, .responsive.html_boxed.html_header_transparency #top #header {
max-width: 100%;
}
}
Best regards,
Ismael
Hey notsocool!
Thanks for getting in touch with us!
Try the following custom CSS:
.avia-menu.av-main-nav-wrap {
margin-right: 5%;
}
#header .widget {
top: 30% !important;
}
Regards,
Jordan