Lay Theme Forum

@mariusjopen Yeah, I can do some JQuery.
I want the color to change on every slide. Thanks!

I've set up the fullscreen slider add-on and I'd like to add some script so that as you scroll into each section the background color fades into a new color. I want the images to scroll as usual, though.

Example of fade effect here: https://concreterep.com/

Any hints of how to do this?

Thanks!

Figured it out! Heres the script if anyone needs it:

<script>
jQuery(document).bind('mousemove', function(e){
jQuery(".caption").offset({left: e.pageX, top: e.pageY});
});
</script>

and custom CSS:

.img:hover .caption {
display: block;
position: absolute;
}

.caption {
display: none;
font-family: Slantbeta5;
font-size: 30px;
color: #17242c;
position: absolute;
z-index: 1000;
}

@mariusjopen Okay I'll give that a try, thanks!!

I'd like to have the caption of each image show up as a tooltip that follows the mouse on mouseover. I got this script working in another app but I can't get it to integrate with laytheme/wordpress.

Here's what I have so far:

<script>
var tooltip = document.querySelectorAll('.caption');

document.addEventListener('mousemove', fn, false);

function fn(e) {
for (var i=tooltip.length; i--;) {
tooltip[i].style.left = e.pageX + 'px';
tooltip[i].style.top = e.pageY + 'px';
}
}
</script>

AND this in the CSS:

.img:hover .caption {
display: block;
}

.caption {
display: none;
font-family: Slantbeta5;
font-size: 30px;
color: #17242c;
padding: 10px;
position: absolute;
z-index: 1000;
left: 50%;
-webkit-transform: translateX(-50%);
}

The page is http://extra-vitamins.com/play

Thanks!

1. Okay, cool. That's what I did originally but I wasn't sure if it was maybe cleaner/faster to code it...
2. I've just been learning when things come up. Not sure I can figure this one out on my own.

Hey there!
I have two questions:

1. How can I make the background color of a page two colors split vertically (ex: left half red, right half blue, split in the middle)?
2. Is there any way I could also integrate the random color script from this thread: http://laythemeforum.com:4567/topic/674/random-color-background
   So that every time you refresh the page, each half is a different color?

Thanks!

hi armin!

I've created a long scrolling website and I'd like to create links that take you to a certain part of the page so that I can reference specific projects in an external document. I've added some ids to specific images on the page but when I try to create a link to the anchor it's not working.
This is my website - www.extra-vitamins.com
Some of the ids I made are tennis, extra, and glyph
This is the type of link I'm trying to make -
http://extra-vitamins.com/category/work.html#tennis
But it always just brings me to the top of the page, not the specific image/project.

Thanks for your time!

@arminunruh That worked great, thank you!!

Re: Carousel : Style Text Slides?

Hi @arminunruh,

I was wondering if there's a way to change the background color of text slides so that each carousel has a different text slide color. The code from the thread above seems to work if I want all the text slides to be the same color, but is there a way to target specific slides so that they can be all different colors?

Love the theme by the way :)

Thanks!