[Plugin: Meteor Slides] Getting Title/Description to remain static

I’ve since put my title of my site and description above the slide show so people could see the name of the page (by just unchecking the ‘title over header image’ option in Weaver, however, I WOULD like it over the header (now slideshow) flush left like it was before if that’s possible

When you have elements layered like that, you can change the z-index of the elements using CSS to overlap them differently. If you can move the title back over the slideshow, I can take a look and tell what CSS to change.

Thank you!! I’ve moved it back.

No problem, here is the CSS you’ll need to position the title and description above the slideshow and also change the color so that it is easier to read:

#site-title {
    margin-left: 40px;
    margin-top: 44px;
    position: absolute;
    z-index: 100;
}

#site-title a {
    color: #fff;
}

#site-description {
    color: #fff;
    z-index: 100;
}

I think there should be a spot in the Weaver options where you can add custom CSS.

Thank you, that worked for curiously the description (which is edited within the ‘blog description’ in wordpress settings, but not the title itself. I modified the CSS next to ‘Site Title’ in Weaver’s main options.

I also tried doing the same under ‘description’ modifying the amount of pixel spacing down, but that didn’t do anything.

The blog description now plays over the slide show, but the title still fades in and out??

The main options are mostly just for styling the colors, this is custom CSS, it needs to go in the head section in the advanced options tab. You should see some code that looks like this:

<!-- Add your own CSS snippets between the style tags. -->
<style type="text/css">
</style>

You can replace that with this:

<!-- Add your own CSS snippets between the style tags. -->
<style type="text/css">
#site-title {
    margin-left: 40px;
    margin-top: 44px;
    position: absolute;
    z-index: 100;
}

#site-title a {
    color: #fff;
}

#site-description {
    color: #fff;
    z-index: 100;
}
</style>

Thank you!! Worked absolutely perfectly :))

Now to find out how to keep the regular header image on the rest of the pages…. but I’m sure I’ve already seen that in the forum somewhere!

No problem, yes there should be a lot of info about that.