link for slider without text and button

Thanks @acub, I can return to sanity ??

Should point out that .blog may need to be replaced by .home if Front Page is not a Posts page.

And it removes all the text from the Sliders, so any text would need to be added to each slide image using a Photo Editor.

I’ll setup a Snippet today.

If one only needs this on a specific slide of the slider and wants to leave the rest untouched, I think it would be better to target the specific sliders. They would have to add all slides that need to be changed to the selectors of the code below. In the example I only applied the changes to slide 2 and 3, leaving the rest unchanged:

.blog .carousel-inner .item:nth-child(2) .carousel-caption,
.blog .carousel-inner .item:nth-child(3) .carousel-caption {
	background: transparent;
	min-width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	}
.blog .item:nth-child(2) .carousel-caption h1,
.blog .item:nth-child(2) .carousel-caption .lead,
.blog .item:nth-child(3) .carousel-caption h1,
.blog .item:nth-child(3) .carousel-caption .lead {
	display: none;
	}
.blog #customizr-slider .item:nth-child(2) .btn-primary,
.blog #customizr-slider .item:nth-child(3) .btn-primary {
	background: transparent;
	color: transparent;
	box-shadow: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-shadow: none;
	}

You can add selectors for as many slides you need. Of course, if the slider you want modified is not the one on .home or .blog you need to modify the prefix of the selectors to target your page slider. I hope I’m being clear enough. ??

Very clear
I love this nth-child pseudo class, not as popular as it should be!

Where in the heck is my css code stuff to even put these codes in? #newbieproblems

@sheslively, from your admin dashboard, go to Appearance > Customiz’it!, scroll down on the left and expand the section that’s labeled Custom CSS, then enter your custom CSS in the little input field.

Thanks so much for the fast reply. I ended up figuring it out:

I just went into the slider then the image, clicked on edit, and where it asks for the URL, i just plugged in the page URL I wanted the image to direct to, and that was it! I am so happy I dodn’t have to find all of the css stuff because I was so lost!

Thanks again CrouchingBruin!

Great! Thanks for this feedback

Hi, I had someone help me setup the Customiz’It plugin on one of my websites and create text scrolling within the marquee and now I need to go back in and update and delete some of the text.

Does anyone know where/how to access and do this? Thank you!

I don’t think a scrolling marquee is a feature of Customizr; can you post a link to your web site?

Hi CrouchingBruin, thank you for replying.

Here is the link to the website: https://parkatashleyplace.com/
It’s the rotating text just under the swimming pool picture that needs to be updated and/or deleted. I cannot seem to figure out where to go to do this or what file needs to be edited.

Thank you!

Unfortunately, I can’t tell if it’s a plugin or if someone just hard-coded a JavaScript marquee function. It’s easy enough to hide, though, if you want to delete it. Just add this to the custom CSS option of Customizr:

#mymarquee {
display: none;
}

(go to Appearance > Customiz’it!, scroll down on the left and expand the section that’s labeled Custom CSS, then copy & paste the code above into the little input field).

CrouchingBruin, I want to keep the marquee, except I need to update some of the text and delete two of the lines of text in the sliding pattern.

I went to view the site in Google Chrome and used the Inspect Element feature and can see the text queuing up to be displayed but cannot figure out where to go to edit and/or delete some of the text. Please see if you can figure out where and how…?

Thank you!

It’s a custom script and it uses the jquery.cycle library. You need to search your website source files for the text being cycled. I suspect it’s in a function placed in /wp-content/themes/{active-theme-folder}/functions.php
but it might as well be in a plugin (/wp-content/plugins/{some-custom-plugin}/).

Good to have you back in the forum @acub!
Have a good day

This Custom CSS works great:

.blog .carousel-inner .carousel-caption {
background: transparent;
min-width: 100%;
height: 100%;
padding: 0;
margin: 0;
position: absolute;
top: 0;
bottom: 0;
}
.blog .carousel-caption h1,
.blog .carousel-caption .lead {
display: none;
}
.blog #customizr-slider .btn-primary {
background: transparent;
color: transparent;
box-shadow: none;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
text-shadow: none;
}

The only problem that I have at this point is that it is only functional if the website is accessed on a computer, but the code does not comply with the website when it is visited on a smart phone (i.e. iPhone). The link itself is restricted to the top of the slide.