Home>Support>Target Specific Slider Frame

Target Specific Slider Frame

By razorpig, 8 years ago. Last reply by Alex S, 8 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi,

I’m trying to hide the text “…for English Matters” on the first slide of the hero image.

Whatever selector I use, it also hides the sub-heading (“Listen to our students”) on the second slide.

How can I target the sub-header of the first slide only?

www.razorweb.co.uk

Many Thanks
Mark

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 6 months ago Alex S
    Hi, I Work Here

    Hi Razorpig,

    To clarify, why can’t you edit the slider and manually remove the text?
    Regardless, the following CSS will allow for this:

    .page-id-8 .sow-slider-image:nth-of-type(2) h3 {
	display: none !important;
}

    You might also need to install the SiteOrigin CSS Editor.

  2. 8 years, 6 months ago razorpig

    Hi Alex,

    Thanks again! Really appreciate your time. To clarify, I only wanted to remove the text on mobiles ;-)

  3. 8 years, 6 months ago Alex S
    Hi, I Work Here

    Hi Razorpig,

    Ah. You’ll want to wrap the above CSS in a media query then. Something like this:

    @media (max-width: 680px) {
    .page-id-8 .sow-slider-image:nth-of-type(2) h3 {
    	display: none !important;
    }
}
Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More