Show Image OR Text OVER Slideshow

From IThemes Codex
Revision as of 15:34, July 16, 2013 by Elise (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

You can also show images or texts ON TOP OF (over) a Slideshow so that the slides and the image/text blend in together.

Use the following template to add the necessary code to your theme's css file at the very end.

#builder-module-4e738d2279b5e .builder-module-block { /* Shows any top area TEXT, that is in a widget ABOVE the Slideshow WIDGET< on top of the Slideshow. Change the module # to your own current module # */
     position: absolute;
     z-index: 2 ! important;
}

#builder-module-4e738d2279b21 img { /* Positions the image in question from a certain Widget module right above the Slideshow. Change this module # to your own widget's module # */
     padding-top: 30px ! important;
     position: absolute;
     z-index: 1 ! important;
}
#pb_slideshow_slider-1 .nivo-slice { /* Prevents the Slideshow transitions from hiding the overlapping text or image. This means NO MORE TRANSITIONS. This will also mean that the styling is applied to Slideshow numbered 1 (one) in your Slideshow admin area. The Slideshow shortcode will show you what number it is. */
display: none;
}

Related link: http://ithemes.com/forum/index.php?/topic/18317-is-it-possible-to-have-slideshow-run-images-behind-header-title/#p86185

Another example is of using Rotating Text over a Slideshow with the following code:

#pb_slideshow_slider-1 {
     z-index: 55;
}
.rotatingtext-wrapper { margin-bottom: -90px !important; z-index: 60;
position: absolute !important;
right: 820px;
top: 350px;
}

Related link: http://ithemes.com/forum/index.php?/topic/20000-can-i-have-my-words-fly-into-image-in-a-plugin-buddy/


← Back to Slideshow Codex Home

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox