Hi @PapaSasha best is to follow the instructions of the Plugin: Upload wp-simple-booking-calendar directory to the /wp-content/plugins/ directory Aktiviere das Plugin mittels dem ‚Plugins‘-Menü in WordPress Click on the menu entry ‚WP Simple Booking Calendar‘ Click on ‚Add New‘ at the top of the page to create a calendar Click ‚Save Changes‘ to save the calendar Embed the calendar on any page or post using the shortcode [sbc title=“yes“] or [sbc title=“no“] If it doesn't work – it is not compatible with Laytheme. Laytheme is coded as a single-Javascript-Application. Also it is not possible to modify the template. All the best! Marius

@mariusjopen It worked!! Thanks!!

Hi Daniel, this is because it runs all with Javascript and it needs to run a loop the whole time. I personally would not got for the customized scroll bar. Especially since the iframes cause trouble as well. Best! Marius

Hi @extra-vitamins I did not do the whole thing but actually you just need to copy the code and use it again_ <script> var colors = ["#fff", '#000', '#f0f', '#0ff', '#00f', '#ff0', '#0f0'] Frontend.GlobalEvents.on("work", function(layoutObj, type, obj){ if(obj.slug == "frontpage"){ var ix = getRandomInt(0, colors.length); var color = colors[ix]; jQuery('.colors-1').css('background-color', color); } }); // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random // Returns a random integer between min (included) and max (excluded) // Using Math.round() will give you a non-uniform distribution! function getRandomInt(min, max) { min = Math.ceil(min); max = Math.floor(max); return Math.floor(Math.random() * (max - min)) + min; } var colors2 = ["#fff", '#000', '#f0f', '#0ff', '#00f', '#ff0', '#0f0'] Frontend.GlobalEvents.on("work", function(layoutObj, type, obj){ if(obj.slug == "frontpage"){ var ix = getRandomInt2(0, colors2.length); var color = colors2[ix]; jQuery('.colors-2').css('background-color', color); } }); // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random // Returns a random integer between min (included) and max (excluded) // Using Math.round() will give you a non-uniform distribution! function getRandomInt2(min, max) { min = Math.ceil(min); max = Math.floor(max); return Math.floor(Math.random() * (max - min)) + min; } </script> Then you make two divs: <div class="colors-1">COLORS-1</div> <div class="colors-2">COLORS-2</div> This is a quick and dirty method and you might do some adjustments to get it work. But this is how you colud do it. Otherwise use images. Best!! Marius

Hi @dsinclair Best is if you write an email to marius@thepeople.world and include your username, password and a link to this conversation. Best! Marius

Hin @Maclin Best is if you write an email to armin.unruh@gmail.com and include your username, password and a link to this conversation. Many wishes! Marius

Hi @harrietbrown ! It get a bit tricky when you try to use the normal navigation with anchor links. Have a look at my last post here. That works for sure: http://laythemeforum.com/topic/1350/scroll-to-anchor/8 Let me know! Best! Marius

Hi @vincent ! Great! Let me know if you have any specific trouble! Best! Marius

Hi Flo, yes. This is possible. You can have different categories and have different pages – showing them. All the best! Marius

Hi @Alina ! Ok, I get you. Try to add this to your custom CSS and play around with it a bit: .title._Default { margin-left: 22vw; margin-top: -2vw; } Still you can select the vertical position here: [image: 1507192645214-bildschirmfoto-2017-10-05-um-10.37.04.png] Let me know if that works! Best! Marius

Hi @ton , there are 3 ways to transfer the website: Do it the default, professional way: http://laytheme.com/documentation.html#moving-website Do it via a plugin like Updraft Plus Do it manually. Copy the CSS code and try to build it again. I cannot really recommend that. Let me know if you have questions! Best! Marius

For cross browser compatibility, seems to be needed two lines for for favicon: <link rel="shortcut icon" href="http://www.mysite.com/favicon.ico" /> <link rel="icon" href="http://www.mysite.com/favicon.ico" type="image/ico" />

@arminunruh said in ReactJS + Lay theme: laygridder.com Awesome! so in the WP Admin i will have the same layout possibilities, but a bit different set up? Thank you!!

Probably this helps: http://laytheme.com/documentation.html#binding-click-events

In the tagline it's possible to mix fonts in one line.

Hey @arminunruh, ich würde gerne, dass bei der linken Spalte keine Lücke entsteht, sondern darunter gleich ein neues Bild kommen kann. Sodass dann die Bilder von der linken und die rechten Spalte auch versetzt voneinander stehen können. und eben nicht diese Lücke entsteht. Aber ja wahrscheinlich geht das einfach nicht. Aber merci ! :)