hello,
thank you for the quick response. after i posted i checked the code through inspect mode in chrome and changed it. anyways thank you.
also i made a little change and made it semi transparent by following code
.site-header {
background: rgba(0,0,0,0.55) !important;
}
.site-header {
background: rgba(0,0,0,0.55) !important;
}
only thing i couldnt do is, i wanted to change the font size and put a semi transparent box around the caption title .
.page-template-tpl-home * {
margin: 0px;
padding: 0px;
font-size: 50px;
color: #FFFFFF;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
font-family: Bookman Old Style;
font-weight:bold;
}
it makes changes to all the content , i tried this
.slide-caption{
margin: 0px;
padding: 0px;
font-size: 50px;
color: #FFFFFF;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
font-family: Bookman Old Style;
font-weight:bold;
}
any help with it please