Lay Theme Forum

It's tricky, but here is a solution.
This code:

<iframe width="100%" height="800px" src="https://www.youtube.com/embed/KJ6joZFlQ54?si=Xwz3C03yIxLgEsC-&autoplay=1&mute=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

replace URL with the embed code on youtube (not the share url). Here:

Working example:
https://florentinginot.com/en/we-are-all-lichens/

@Monamos Hire @arminunruh to make a variant LAY theme licensable for your use.

@dani example:
http://66.199.141.101/~dbvincze/works/

try this:

HTML

<div class="more">Click here for more info</div>
<div class="less">Here is the hidden content</div>

Use <div> instead of <p>, so that you can use <p> within the hidden content.

CSS

/* open close dots - see JS */
.more:hover:after { 
    content: " ○○○";
}
.more:after {
    content: " ●●●";
}
.less { 
  display:none; 
}

JS

<script>
window.laytheme.on("newpageshown", function(layoutObj, type, obj){
    
/* open close dots */  
    jQuery('.more').click(function(){
        jQuery(this).next().slideToggle();
        jQuery('.less').not(jQuery(this).next()).slideUp();
    });
  
});
</script>

Try it with

transition: all 200ms;

:D

@Richard I'm trying it out now... thanks

@Markus It's no longer supported by WP!

https://wordpress.org/plugins/qtranslate-x/

WP is not longer supporting this plugin. I've had some problems with it recently, perhaps that's why.

Yeah it's an incompatibility with Q-Translate X....

This is helpful :D

https://wordpress.org/plugins/really-simple-ssl/

Hi,

I'm trying to send a new speed variable to the carousel swiper function. The JS is

var w = jQuery(a).find(".swiper-container"),
                           m = new Swiper(w[0], {
                               speed: 350,
                               effect: "slide",
                               spaceBetween: v,

And I'm adding this in an HTML block on the page

<script>
jQuery( document ).ready( function() {

   const imageCarousel = jQuery ( '.swiper-container' ),
      swiperInstance = imageCarousel.data( 'm' );

   swiperInstance.params.speed = '1000';

   swiperInstance.update();
}); 
</script>

Error in the console is:

(index):1352 Uncaught TypeError: Cannot read property 'params' of undefined
    at c.Channel.<anonymous> ((index):1352)
    at p (backbone.min.js?ver=1.4.0:2)
    at f (backbone.min.js?ver=1.4.0:2)
    at c (backbone.min.js?ver=1.4.0:2)
    at c.Channel.n.trigger (backbone.min.js?ver=1.4.0:2)
    at frontend.app.min.js?ver=3.8.5:1

Anyone know how to set a new speed via a script?

Thanks!

@felix_rabe said in Horizontal Scroll Gallery:

<script>jQuery(function () {
jQuery.fn.hScroll = function (amount) {
amount = amount || 120;
jQuery(this).bind("DOMMouseScroll mousewheel", function (event) {
var oEvent = event.originalEvent,
direction = oEvent.detail ? oEvent.detail * -amount : oEvent.wheelDelta,
position = jQuery(this).scrollLeft();
position += direction > 0 ? -amount : amount;
jQuery(this).scrollLeft(position);
event.preventDefault();
})
};
});
jQuery(document).ready(function() {
jQuery('.div').hScroll(30); // You can pass (optionally) scrolling amount
});
</script>

Hey Felix,

Can you show the working code (HTML)?

Thanks!

@sidyou

put this in your desktop CSS, and then add sub menu items in 'menus'

nav.primary .sub-menu {
display: none;
   position: absolute;
   left: -10px;
   top: 40px;
   padding: 10px;

}
nav.primary .sub-menu li{
   display: block;
   padding-bottom: 5px;
}
.menu-item:hover .sub-menu{
   display: block !important;
}
li.menu-item-has-children{
   position: relative;
}

Yes that makes sense, but in this case the first element is a graphic, not text (curtain graphic at top).

Hi,
I just found this bit of CSS that overrides the flush left margin. The right margin goes right to the browser edge, but the left doesn't.

.lay-col-needs-leftframe-margin

Can you explain why this was added?

thank you very much!

Hey,
Thanks for the LAY SHOP!
Q: About the flying sidecart... I don't see this in the options. Is it another plugin?