Cuztomizr Slider Caption CSS

Resolved redpete
(@redpete)

11 years, 5 months ago
I have changed the position (and style) of the captions on the sliders with custom css:
```
.carousel-caption {
	background: rgba(0,0,0,.4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000', GradientType=0);
	max-width: 60%;
	padding: 1%;
	line-height: 14px;
	vertical-align: bottom;
	display: inline-block;
	position: relative;
	margin-left: 2%;
	margin-bottom: 2%;
	}
```
but it doesn’t work if I paste it in my child theme style.css (although other style elements in the child css file work). I have to paste it into the WP Admin custom css box for it to work. Anyone else having this issue?

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

rdellconsulting
(@rdellconsulting)

11 years, 5 months ago

Link to site? Leave the above code in either CustomCSS or Child Theme style.css

Thread Starter redpete
(@redpete)

11 years, 5 months ago

Here’s the link:
CalaveraHills.net

It works when I paste the code into the custom css box, but I’d like it to work when it’s in my child theme style.css, so after the next update, my changes aren’t lost.

I don’t understand why it works in one place and not the other. I have tried clearing cache, testing in incognito mode, etc. Not the end of the world if I just have to copy and paste this code into WP admin after the next update, but I thought I’d throw it out there and see if there was something I’m missing.

Thanks!
Rocco Aliberti
(@d4z_c0nf)

11 years, 5 months ago
You have an error in your child style.css:
```
/* API SCORE INFO-POPUP LINK BOX  */
.infopopup-popup2 {
	width:400px;
	background-color: #ffffff;
	border: 1px solid #000000;
	border-radius: 5px;
	padding: 15px 15px 15px 15px;
	box-shadow: 3px 3px 3px #333333;
}/*	<------- PUT A CLOSING BRACKET HERE */
/* SLIDESHOW - SLIDER CAPTIONS  */
.carousel-caption {
	background: rgba(0,0,0,.4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000', GradientType=0);
	max-width: 60%;
	padding: 1%;
	line-height: 14px;
	vertical-align: bottom;
	display: inline-block;
	position: relative;
	margin-left: 2%;
	margin-bottom: 2%;
	}
```
Thread Starter redpete
(@redpete)

11 years, 5 months ago

Ahh yes. Garbage in, garbage out. Thanks for catching this!

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

The topic ‘Cuztomizr Slider Caption CSS’ is closed to new replies.

Tags