Hey Dagomedia,
Thank you for your patience but unfortunately doing so makes the hotspots not work, so this is not possible.

Best regards,
Mike

Hey psipi,
Thank you for your patience and the links,
To change the background colour of the search box:

#top .main_color input[type='text']#s {
	background-color: gray;
}

To remove the comments from your post grid:

#top .avia-content-slider .slide-meta-comments,
#top .avia-content-slider .slide-meta-del {
	display: none;
}

For your single post /pause-stop-reset-podcast-news/ it looks link this was created with the Advanced Layout Builder so the other elements are not automatically added. If you compare this to your single post /april-parsons-recommends-pausestopreset/ which has these other elements link the tags, social sharing links, and related posts which are automatically added.

Best regards,
Mike

Hey Cloaker,
Thank you for your patience and the link to your site, I was able to put together a script that will trigger a click on the active toggle when the special heading Kulttuuriturkulaisten esittelyt is scrolled past on the way up to the hotspot image.
It was written this way so the scroll down to the anchors would not trigger the fake click and so the fake click would also be triggered when the bottom of the hotspot image was in view for the lower links.
Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
    <script>
(function($){
var $things = $('.av-special-heading-tag');
$things.waypoint(function(direction) {
  if (direction === 'up') {
     $('.toggler.activeTitle').trigger('click');
  }
}, {
  offset: '50%'
});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

I would recommend adding a custom ID to the special heading and using it in place of the class .av-special-heading-tag in the script so that this is not triggered on other pages.

Best regards,
Mike

Hi,

@Media-click sorry for the very late reply, typically the lightbox opens at the maximum size for the screen while also allowing for the padding of the top close button and the bottom info bar. The lightbox is not meant to extend the viewable space nor to be absolute full screen because the space around the lightbox is used as a clickable space to close the lightbox.
So your lightbox should be like this:

You can use custom css to override this, for example:

img.mfp-img {
    width: 1200px !important; 
    max-width: 1200px !important;  
    height: 1976px !important;
    max-height: 1976px !important;
}

but doing this may interfere with being able to use the close button or clicking to the side to close the lightbox, and may require scrolling.
If this is not what you meant then please open a new thread so we can see a link to your site, as this is not your thread you will not see our comments in the Private Content area, if needed. This thread is from 2016 and it is always better to open new threads.

Best regards,
Mike

Hi,
Thanks for the feedback, I see that your two category pages are not consistent in their layout, the first one had long titles that wrapped into two lines and no descriptions so this css corrected:

#top.term-204.woocommerce-page li.product h2.woocommerce-loop-product__title {
	min-height: 55px;
}

the second category has mixed short and long descriptions so this css corrects:

#top.term-67.woocommerce-page li.product .woocommerce-loop-product__link > .category-desc > p {
	min-height: 72px;
}

but you would not want the second css to apply to the first category because it would create an odd gap before the buttons, this would not be an issue using the category classes in the css to apply these rules accordingly, but I see that you have 108 categories, so I’m not sure how we can assign these without manually checking each one.
Can you make all of the categories consistent?

Best regards,
Mike

Hi,
Thanks for the feedback and your patience, since this form is executing in the backend builder and causing this issue we should try creating a custom shortcode so the form will only show on the frontend.
While a custom shortcode could be created and added to your functions.php, I believe using a plugin for this would be better should you want to reproduce this with other forms, in my test I used Shortcoder — Create Shortcodes for Anything but you can use any one you like, I added the form code:

then I added the shortcode to a code block element:

and the form shows on the frontend:

without breaking the backend:

Please give this a try.

Best regards,
Mike

Hi,
Thanks for the feedback, unfortunately I’m not seeing this issue with the first grid link above, please see the screenshot in the Private Content area of when I test the css. Please include a screenshot and explain what browser and screen size you are testing with.

Best regards,
Mike

Hi,
Thank you for your patience and the screenshots and link to your site, when you use a transparent background on <select>, some browsers insert a white background on the drop-down, which can be an issue if your text is white, to correct this browser behavior you can use a color instead of white for the background.
Please try this code in the <strong style=’color:#000′>General Styling ▸ Quick CSS field or in the <strong style=’color:#000′>WordPress ▸ Customize ▸ Additional CSS field:

 #top div .av-light-form select > option {
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
 }

the expected results:

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Heureux d’avoir pu vous aider, si vous avez d’autres questions, veuillez créer un nouveau fil de discussion et nous le ferons essayer de vous aider avec plaisir. Merci d’avoir utilisé Enfold.

— Translated with Google —

Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Sorry for the very late reply and thank you for your patience, I see that you are using two color sections to create the backgrounds, for portrait the background attachment is set to scroll, and for landscape the background attachment is set to fixed please change this background attachment to scroll also, and then clear your browser cache and Safari’s history and check again.
Safari has an issue with fixed parallax background images.
If you are not sure which settings I mean, try this css in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

.avia_mobile #top.home #av_section_1 {
    background-attachment: scroll !important;
}

then clear your browser cache and Safari’s history and check again.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thanks for the feedback, please try this css:

#top #shipping_method label[for=shipping_method_0_flat_rate3] {
	font-size: 0;
}
#top #shipping_method label[for=shipping_method_0_flat_rate3] .woocommerce-Price-amount.amount {
	font-size: 13px;
}
ul#shipping_method.woocommerce-shipping-methods {
	margin-bottom: 0;
}

the expected results:

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike