FLSD 0 Share Posted August 17, 2020 Site URL: http://cclglobal.org Hi! I can't figure out how to get my 4 rollovers on the home page to center on mobile. They are circle graphics under Forum Member Experience. I added this CSS: { background-color: #aeaeae; } #img-hover1 { background-image: url('https://static1.squarespace.com/static/5effad5a19ba7176bb954f8e/t/5f2c58762232b8617bcbd39b/1596741750873/CCL_icon_peer1.jpg'); height: 100px; width: 100px; background-size:contain; } #img-hover1:hover { background-image: url('https://static1.squarespace.com/static/5effad5a19ba7176bb954f8e/t/5f2c587cc963ae176b5f4a95/1596741756609/CCL_icon_peer2.jpg'); And then used this code on the page: <a href="https://cclglobal.squarespace.com/forum-member-experience/#forum"><div style="width:100%;text-align:center;background-repeat:no-repeat;" id="img-hover1"></div></a> Thank you in advance for helping me! Link to post
0 tuanphan 9,570 Share Posted August 18, 2020 Add to Home > Design > Custom CSS @media screen and (max-width:767px) { div#page-section-5f160e798fd50a4d36a58bcb .code-block * { text-align: center; margin: 0 auto; background-position: center; } } Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
Question
FLSD 0
Site URL: http://cclglobal.org
Hi! I can't figure out how to get my 4 rollovers on the home page to center on mobile. They are circle graphics under Forum Member Experience.
I added this CSS:
{
background-color: #aeaeae;
}
#img-hover1 {
background-image: url('https://static1.squarespace.com/static/5effad5a19ba7176bb954f8e/t/5f2c58762232b8617bcbd39b/1596741750873/CCL_icon_peer1.jpg');
height: 100px;
width: 100px;
background-size:contain; }
#img-hover1:hover {
background-image: url('https://static1.squarespace.com/static/5effad5a19ba7176bb954f8e/t/5f2c587cc963ae176b5f4a95/1596741756609/CCL_icon_peer2.jpg');
And then used this code on the page:
<a href="https://cclglobal.squarespace.com/forum-member-experience/#forum"><div style="width:100%;text-align:center;background-repeat:no-repeat;" id="img-hover1"></div></a>
Thank you in advance for helping me!
Link to post
Top Posters For This Question
2
1
Popular Days
Aug 17
1
Aug 18
1
Aug 19
1
Top Posters For This Question
FLSD 2 posts
tuanphan 1 post
Popular Days
Aug 17 2020
1 post
Aug 18 2020
1 post
Aug 19 2020
1 post
2 answers 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