Text Appear on Hover

  • jonathanwaters

    (@jonathanwaters)


    8 years ago

    Hi

    I can’t seem to find how to make the slide text appear on hover, rather than being visible all the time. Is this possible in the free version of the plugin?

    Apologies if it’s really obvious but I can’t seem to find it.

    Cheers
    Jonathan

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author simonpedge

    (@simonpedge)

    8 years ago

    I assume you are talking about the image slider on this page:
    http://edgewebpages.com/

    HTML to be used within your slide:
    <p>Slide title here...</p>

    CSS to use:

    #SLIDER_ID .owl-item .sa_hover_container p {
	position:absolute;
	bottom:10px;
	margin:0px 10px;
	padding:5px;
	background-color:transparent;
	color:transparent;
	font-size:12px;
	line-height:16px;
	-webkit-transition:all 300ms ease-in;
	-moz-transition:all 300ms ease-in;
	-o-transition:all 300ms ease-in;
	transition:all 300ms ease-in;
}
#SLIDER_ID .owl-item .sa_hover_container:hover p {
	background-color:rgba(0,0,0,0.5);
	color:#ffffff;
}

    (replace ‘#SLIDER_ID’ with the CSS ID of your slider)

    Thread Starter jonathanwaters

    (@jonathanwaters)

    8 years ago

    Thanks Simon, that worked!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Text Appear on Hover’ is closed to new replies.

Tags