WordPress.org

Ready to get started?Download WordPress

Forums

Meteor Slides
[resolved] Getting Title/Description to remain static (9 posts)

  1. gallagherpottery
    Member
    Posted 2 years ago #

    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/

  2. gallagherpottery
    Member
    Posted 2 years ago #

    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

  3. Josh Leuze
    Member
    Plugin Author

    Posted 2 years ago #

    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.

  4. gallagherpottery
    Member
    Posted 2 years ago #

    Thank you!! I've moved it back.

  5. Josh Leuze
    Member
    Plugin Author

    Posted 2 years ago #

    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.

  6. gallagherpottery
    Member
    Posted 2 years ago #

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

  7. Josh Leuze
    Member
    Plugin Author

    Posted 2 years ago #

    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>
  8. gallagherpottery
    Member
    Posted 2 years ago #

    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!

  9. Josh Leuze
    Member
    Plugin Author

    Posted 2 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic