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 12
you can enable tool that will help you detect CSS selector for each element.With regards.
span#show-text
Here 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: center
doesn't work neither...With regards.