Lay Theme Forum

Perfect timing !! Thank you !

Any news about the shop integration ?

Hello,

I have used a piece of custom javascript to display temperature and humidity on a website:
http://jardinc.org

But it seems it's breaking the mobile menu... Can you help me ?

Here is the piece of code:

<script type="text/javascript">


const key = 'b2b1b01a9261a8b31e450dffc404f9e9';
if(key=='') document.getElementById('temp').innerHTML = ('Remember to add your 	api key!');

function weatherBallon( cityID ) {
fetch('http://api.openweathermap.org/data/2.5/weather?lat=47.204530&lon=-1.563377&appid=b2b1b01a9261a8b31e450dffc404f9e9')  
.then(function(resp) { return resp.json() }) // Convert data to json
.then(function(data) {
	drawWeather(data);
})
.catch(function() {
	// catch any errors
});
}
function drawWeather( d ) {
 var celcius = Math.round(parseFloat(d.main.temp)-273.15);
  var fahrenheit = Math.round(((parseFloat(d.main.temp)-273.15)*1.8)+32);
var description = d.weather[0].description;
 var humidity = d.main.humidity; 


document.getElementById('temp').innerHTML = celcius + '°C';
document.getElementById('humidity').innerHTML = 'H:' + humidity + '%';

 if( description.indexOf('rain') > 0 ) {
document.body.className = 'rainy';
 } else if( description.indexOf('cloud') > 0 ) {
document.body.className = 'cloudy';
 } else if( description.indexOf('sunny') > 0 ) {
document.body.className = 'sunny';
 } else {
document.body.className = 'clear';
 }
}
window.onload = function() {
weatherBallon( 6167865 );
}

 </script>

Thank's again Marius,

I have used this line, that was the problem, I think it is the jQuery library:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

So sorry, I know it is written on Lay website,

Have a good day,

Hello Marius,

I have added the logo myself with custom code because I wanted to change it on hover

.sitetitle.img {
background: url("http://www.jardinc.org/wp-content/uploads/2019/08/logo_jardinc-01.svg") no-repeat;
display:inline-block;
width:153px;
height:42px;
}

.sitetitle.img:hover {

background:url("http://www.jardinc.org/wp-content/uploads/2019/08/logo_jardinc_hover-02.svg")no-repeat;
width:153px;
height:42px;

}

Hello !

I have tried to add a custom image to my site title in order to change it when hover it.
But when I change site title from image to text in Customize section, all the content of my pages disappear !

Here is a link to the website:
http://www.jardinc.org/

Hello !
There is a little problem with one of my websites... It seems like it's a syntax issue in custom html and css. I'm trying to add different styles to a scrolling one line text on my footer.
I am using data-text to play the animation infinite. However, it seems like the editor doesn't understand the difference between " and ' ?

<p class="defile"
data-text="      
 <span class="_titre_exposition">EXPOSITION</span>       
<span class="_titre_indication"><u>QG</u></span>       
<span class="_titre_exposition">DE</span>   ">

<span class="_titre_exposition">EXPOSITION</span>       
<span class="_titre_indication"><u>QG</u></span>       
<span class="_titre_exposition">DE</span>

</p>

Maybe you can help me ? I tried to replace " by ' but it doesn't work
here is the website : askipaskipaskip.com

Ouch... I don't understand Javascript...
If you can't help me with this I understand, I will try to find someone who can possibly help me with this !

Thank you,

It is not perfect because there is visible at some place and hidden at some other place in the css... But that will make it !

Hello,

I'm trying to add a html5 custom music player to my website:
https://codepen.io/molonom/pen/mYGKBP

I have an issue: the play button is not working. It's the second player I'm using, and same problem each time. Maybe it's a problem with javascript and something has the same name in Lay Theme ?

here is my website :
http://www.jardinc.org/enregistrements

Thank you if you can help me

I readded this in the custom css... That was the solution I founded, but that's not perfect

.sitetitle, .laynav, .mobile-title, .burger, .navbar {
visibility: visible; }

Any idea to help me ?

Hey MArius,

here it is:

http://www.jardinc.org/

Hello Armin,

Once again thank you for this wonderful tool ! Lay Theme is neat

I've been starting a new website... and did my own header and footer...
But for some strange reason (maybe very obvious for you), my site title and menu are hidden.

I founded this when searching in the code:
.sitetitle, .laynav, .mobile-title, .burger, .navbar {
visibility: hidden; }

Where can I change this ? When I go to customize, it seems like my menu and sitetitle are enabled...

Thank you !

I'm confused I made you loose your time...
Sometimes the solution is so easy you don't see it !!

Hi !
First of all, thank you for this wonderful theme, documentation, and videos. It's easy and broke my reluctance to code.

I'm pretty a newbie with html / css and I really tried to do it by myself but can't find why it's not working. I'm trying to add a background image for a specific page of my girlfriend's website.

This is the page I want to change:
http://charleneguyonmathe.com/overview

In my CSS, I added, as you suggested on your tutorial, a class with background url:

body.slug-overview{background:url('http://charleneguyonmathe.com/wp-content/uploads/2016/12/background-v2.jpg'}

Thank you for your help