WordPress.org

Support

Support » Plugins and Hacks » Meteor Slides » [Resolved] [Plugin: Meteor Slides] Getting Title/Description to remain static

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

  • Thanks to the vimeo video, I’ve gotten the slide show to work fine within 2010 Weaver replacing the header image. My only problem is that the title of my site and the description, which was once over my header image is now fading in and out briefly with each slide image. I’m not very adept at any sort of coding on my own, but can figure out how to modify things if given specifics. My site is gallagherpottery.com

    If anyone can tell me what code I need to alter in order to make the title and description remain over the slide image while the slides are changing, I would be most appreciative!

    http://wordpress.org/extend/plugins/meteor-slides/

Viewing 8 replies - 1 through 8 (of 8 total)
  • 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

    Plugin Author Josh Leuze

    @jleuze

    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.

    Plugin Author Josh Leuze

    @jleuze

    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??

    Plugin Author Josh Leuze

    @jleuze

    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!

    Plugin Author Josh Leuze

    @jleuze

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] [Plugin: Meteor Slides] Getting Title/Description to remain static’ is closed to new replies.
Skip to toolbar