Hi
I try to create a link to the next slide. And i got help with that on https://kriesi.at/support/topic/link-from-one-slide-to-the-next-fullscreen-slider/#post-693548
I added a transparent PNG file (200x200px) and removed the overlay. Why can’t I set the size of the image? I have tried px/% etc. No luck
I want to have a “play arrow” but for now it’s in the slider image and therefor I use the transp top image
Hi,
I tried to troubleshoot this issue but the login credentials you provided do not work for me. Would you mind checking once again and then send us working login credentials?
The user role for the account you send us should be set to ‘administrator’ so we can try to disable all plugins and add custom code (if necessary) to resolve the issue.
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#av_section_4 .flex_column {
background:#333;
padding:10px;
top: 50%;
transform: translate(-0%, -50%);
margin-top:80px;
}
Best regards,
Vinay
Hello Yigit,
I placed the code in the end of functions.php and the excerpt text is showing now but how can I customize it like this:
http://imgur.com/a/5dHvd
So basically I would like the title to be on top and would like to limit the size of the excerpt text about 3 times shorter.
Is there any way?:)
Best Regards,
Hi Yigit, thank you for the response!
#1 – it is still displaying “blog – latest news” so I’m wondering if you’re seeing something different on your end? This happens only on desktop so maybe you’re on mobile?
#2 – thanks, I assume I make those changes in quick css?
Have a good weekend,
Rob
Hi!
Please add following code to Quick CSS as well
.html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div>.sub-menu {
border-top-color: #e2e2e2;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Cheers!
Yigit
Hey Lyse,
1- Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .av-main-nav ul a {
border: none;
}
2- Please refer to this post – http://kriesi.at/documentation/enfold/enfold-menu-item-limit/
Best regards,
Yigit
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
body#top .footer_color .widgettitle {
border-color: orange;
}
I was looking at the tip of the arrow :)
Regards,
Yigit
Hey!
Please add following code to Quick CSS as well
#top div .avia-gallery img {
max-height: 200px;
}
Regards,
Yigit
In case it helps, here is the entire block of css I have in the custom css field:
div .logo {
display: none !important;
}
.tablepress-id-1 {
width: auto !important;
}
.tablepress .column-1 {
width: 325px;
}
.tablepress .column-2 {
width: 200px;
}
.tablepress .column-3 {
width: 100x;
}
/*TEXT SIZE BIGGER AND COLOR DARKER PHONE INFO BAR*/
.phone-info {font-size: 20px !important;color:#2F4A87 !important;}
@media only screen and (min-width: 2000px) {
.surfaceclass {
margin-top: 0 !important;
}
}
Hi!
You are welcome! Glad we could help :)
Shall we close this thread of yours as well – https://kriesi.at/support/topic/creating-a-vertical-menu/? :)
Cheers!
Yigit
Hey kom_vio,
Sorry to say but IE 8 is an old browser and has a lot of issue with displaying the modern web animation and other js effects correctly. We can say it is the browser limitation as Microsoft has stopped developing this version of browser so going further none of the modern web effects will work correctly on it so request you to kindly update the browser to the latest version.
Also please share a precise link to your site so we can take a look at it and let you know what best we can do for you in this case.
Best regards,
Vinay
-
This reply was modified 9 years, 5 months ago by
Vinay.
Hi,
off course: http://imgur.com/a/fTDX2 see the colored line at the top of the image, so above the logo/menu area.., would love to have that colored line at the top of all screens/pages of the website.
regards,
roderick
Hello,
We are experiencing the same problem described in this thread:
https://kriesi.at/support/topic/add-to-cart-not-working-on-product-pages/
‘Add to basket’ button is currently not working on simple product pages, the quantity toggle and button are visible but nothing happens when clicked. I have deactivated plugins and nothing seems to resolve/diagnose the problem with this method.
Best,
Jake.
-
This topic was modified 9 years, 5 months ago by
abigail44. Reason: typo
Hi there,
I am moving theme’s scripts to the footer or deferring them (to solve PageSpeed Insights above-the-fold problem). Both of these actions bring some issues: see this page. It’s top banner is a visual builder’s Color Section, javascript is used to output the headline (h1 inside of the “div class=”…avia-builder-el-no-sibling…”). I can see this class initiation in shortcodes.js…
So h1 becomes invisible (transparent?) when I defer (async) /wp-includes/js/jquery/jquery.js
How to make inscriptions visible while deferring or outputting jQuery library in the footer?
Regards.
Hi Vinay,
thank you for your response. The only custom CSS affecting the header is
.header-scrolled {
top: 0;
}
I reckon this code somehow doesn’t work correctly on tablets. Here an excerpt from my header.php where I included the banner image in case there’s something wrong with this. I tried it on different positions already.
wp_head();
?>
</head>
<body id="top" <?php body_class($style." ".$avia_config['font_stack']." ".$blank." ".$sidebar_styling); avia_markup_helper(array('context' => 'body')); ?>>
<div align="center">
<a href="https://www.bodylab24.de/" rel="nofollow"><img src="http://www.eiweisspulver-test.com/Bodylab728x90.gif" alt="Anzeige" /></a>
</div>
<?php
if("av-preloader-active av-preloader-enabled" === $preloader)
{
echo avia_preload_screen();
}
?>
<div id='wrap_all'>
<?php
if(!$blank) //blank templates dont display header nor footer
{
//fetch the template file that holds the main menu, located in includes/helper-menu-main.php
get_template_part( 'includes/helper', 'main-menu' );
} ?>
<div id='main' class='all_colors' data-scroll-offset='<?php echo avia_header_setting('header_scroll_offset'); ?>'>
<?php
if(isset($avia_config['temp_logo_container'])) echo $avia_config['temp_logo_container'];
do_action('ava_after_main_container');
?>
Any ideas?
Hey norcalnathan,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.html_header_sidebar #top #header_main {
background: white;
}
Best regards,
Yigit
Hi Sara!
Please edit your logo image and remove whitespace from top and bottom and upload it once again then add following code to Quick CSS
.logo img { top: 10px; }
Best regards,
Yigit
Hi,
for mobile you need to add media queries to my code. Something like:
@media only screen and (max-width: 736px) {
.kriesi-grid {
background-color: transparent;
top: -24px;
}
}
Adjust as needed.
For more information about media queries: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Best regards,
Andy
Hey ParisLaw,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#after_full_slider_1, #after_full_slider_2, #after_full_slider_3 {
border: none;
}
#top div .avia-gallery img {
border: none;
padding: 0;
}
Best regards,
Yigit
Dear Kriesi,
Currently the main menu (Home, Aktuelles, Argumente, Über Uns, Kantone) color option is set to underlining the active menu item with a red color. We would like to change this so that there is NO underlining at all but that the active and hovered menu item instead gets a light grey background color (the same grey as appears in the background when hovering over submenu items).
How can we do this?
Thank you very much and best,
Raphael
Hi,
something like this, but it depends. Have a look here:
https://kriesi.at/support/topic/how-to-create-a-new-page-template/
Best regards,
Andy
Hey Chris2234!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .avia-slideshow-arrows a {
top: 40%;
}
Best regards,
Yigit
Hi everyone
I’m currently updating my companies website and for our anniversary this year we’d like to put a “header image” on our front page and I’m trying to accomplish that with a fullscreen slider because it has the option with the arrow at the bottom of the picture to go to the actual content.
My problem is that the image is zooming in and I wanted to know where exactly in the CSS files I’d have to edit to fit it to my desire. I tried rescaling the image but it always comes out either crappy and zoomed in or it stops being responsive to the screen size.
Any help on this would be much appreciated.
Kind regards
Léon
edit:
im short with time, i will do it manully
you can close this topic
Hi everybody,
I added a bunch of code in shortcode.css file to add bottom arrow the top tabs of my tab object.
That make me disappear the tabs! So I delete the code I added and until there, I just have displayed the first tab content but no more the tabs! They are only displayed in small devices mode.
Could you help me to recover them please?
Thanks!
Yann
Hi, my customer asked me if it is possible to stop the slideshow for 10 seconds when someone clicks on an image? Do you perhaps have a javascript code-snippet which can accomplish this? Many thanks for your support!
Hey Anon_Designers,
sorry for the delay, please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.post-entry .av-special-heading {
margin-top: 0px!important;
}
Best regards,
Vinay
It’s already on 3.8.
Isn’t the Google API for Google Maps? The element that doesn’t load on mobile is the Fullwidth Easy Slider. Shows on desktop but not mobile.
Hi,
On my site, I’ve got a fullscreen picture in the top of the site. When I enter the site, the header and main menu has a 100% transparent background, which makes it wuuite difficult to see the menu and logo. As soon as I scroll down howeever, the background comes with a solid colour.
How can I get this solid coloured background on the top of my site (first screen) as well?
Cheers,
malene