span#show-text
F 12
#show-text { font-size: 17px; background: none; box-shadow: 0 -1px 2px rgba(0,0,0, 0.10); } span#show-text { float: center; background-color: rgba(0,0,0,0.8); padding: 10px 15px 5px 15px; } #text-controls { z-index: 2; position: fixed; bottom: 0; left: 50%; width: 100%; }
position: relative
position: absolute
margin: auto
float: center
It looks like you're new here. If you want to get involved, click one of these buttons!
Comments
#slide-text {
}
and
#slide-text .caption {
}
And for the "button" (call to action who opens the caption in an album) ?
Thanks !
I think you are interested in
span#show-text:-)Btw in most browsers after clicking
F 12you can enable tool that will help you detect CSS selector for each element.With regards.
span#show-textHere is what I have in my custom CSS :
#show-text { font-size: 17px; background: none; box-shadow: 0 -1px 2px rgba(0,0,0, 0.10); } span#show-text { float: center; background-color: rgba(0,0,0,0.8); padding: 10px 15px 5px 15px; } #text-controls { z-index: 2; position: fixed; bottom: 0; left: 50%; width: 100%; }I tried
position: relative,position: absolute,margin: auto...float: centerdoesn't work neither...With regards.