Lay Theme Forum

armin,

thank you for the work you do on LAY theme!
it's brilliant.

It works, thank you Armin!

OK I'll let you know next release (when is it?)

hi,

on this page the text in the marquee is set to expand the row below (collapsed).
https://db-vincze.com/works/

this worked when i first created it, the client just noticed that it stopped working (all instances on this site).

i removed and added the function, still not working. no obvious errors (console, etc).

also, within the marquee element, it's very tricky to open the text editor (double click on the text or text element bottom left several times and randomly it opens).

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;
}