ontodont 1 Share Posted July 23, 2020 Site URL: https://www.nickdavid.co.uk/lifestyle Hi, I am having an issue were I have some text that is on hover in the middle of my picture boxes on my website. The page is Summary: Wall. Currently I am just using text-align: center, but while it is centered on left and right side, it is too far up from the middle. Any quick fix for centering the text properly? .sqs-block-summary-v2 .summary-item:hover .summary-title a { background-color: transparent !important; opacity: 4 !important; color: #000000 !important; position: absolute !important; display: block !important; text-align: center !important; Thank you, Link to post
0 tuanphan 9,023 Share Posted July 24, 2020 Add to Home > Design > Custom CSS div#block-yui_3_17_2_1_1595515032829_5160 .summary-title { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; z-index: 999; width: 100%; } You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
Question
ontodont 1
Site URL: https://www.nickdavid.co.uk/lifestyle
Hi,
I am having an issue were I have some text that is on hover in the middle of my picture boxes on my website. The page is Summary: Wall.
Currently I am just using text-align: center, but while it is centered on left and right side, it is too far up from the middle.
Any quick fix for centering the text properly?
.sqs-block-summary-v2 .summary-item:hover .summary-title a { background-color: transparent !important; opacity: 4 !important; color: #000000 !important; position: absolute !important; display: block !important; text-align: center !important;Thank you,
Link to post
Top Posters For This Question
1
1
Popular Days
Jul 23
1
Jul 24
1
Top Posters For This Question
ontodont 1 post
tuanphan 1 post
Popular Days
Jul 23 2020
1 post
Jul 24 2020
1 post
1 answer to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment