This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Target Specific Slider Frame

Resolved 3 replies pluginplugin-page-builderquestion
razorpig
9 years ago · Last reply by Alex S 9 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Alex S Staff 9 years, 1 month ago

    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. razorpig 9 years, 1 month ago

    Hi Alex,

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

  3. Alex S Staff 9 years, 1 month ago

    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.

Have a different question or issue?

Start New Thread