Jump to content

Centering Rollovers on Mobile

Recommended Posts

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 comment
  • Replies 2
  • Views 209
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.