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:4567/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:

0_1507192645657_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 !
:)

alright, thanks for the feedback.

Thanks a lot!
No it's not possible sorry! :/

Yey, now its works like a charm! Thanks for helping, it came just in time for the deadline on friday.
Grüße aus Düsseldorf

Hey sara, there is no multilanguage support sorry!