Check this slider snippets, you should be able to do what you want. In the Change the font/size/color of the Slider Titles rules you can add display: none; if you wish to remove them from display.
Thread Starter
ranalk
(@ranalk)
Which one shall I use ?
/* Change Slider Titles (2em) font-size, (Garamond) family, (red) color */
.carousel-caption h1 {
font-family: Garamond;
font-size: 2em;
color: red;
}
.carousel-caption p {
font-family: Garamond;
font-size: 2em;
color: blue;
}
.carousel-caption .btn {
font-family: Garamond;
font-size: 2em;
color: yellow;
}
The one with h1 is slider title, so if you want to remove him just use e.g.
.carousel-caption h1 {
display: none;
}
If you want to change its appearance then change font-size and color values to fit your needs. Same goes for the rest. The one with the p is for slider text bellow slider title and last one is for button (the one with .btn). If you want to change button link then you should use e.g.
.carousel-caption a.btn {
float: right; /*moves button to the right*/
color: red; /*color of the button text*/
}
Thread Starter
ranalk
(@ranalk)
thanks @tomaja,
However I was refering to the background color/size of the slider text and button.
There is a black transparent rectangle which I would like to control his attributes.
Thanks in advance.
then you can control it with
.carousel-caption {
/*your code here*/
}
For example, if you want it totally transparent you can set
.carousel-caption {
background:none; /* add color instead none if you want*/
}
I am unable to get the code to work for my site – the black rectangle is still there. My site is waypointonline.org and the button is on the second image in the slider. Thanks for your help.
@waypoint: If you require assistance then, as per the Forum Welcome, please post your own topic.
