CSS help needed (shop/gallery buttons)
Replies
Hi folks,
I used to cover up the shop and gallery buttons on my profile with my own images. When I came back from my hiatus, I found the shops being messed up and I deleted the complete section from the profile- including the coding. I tried to use my old images and my grandmothered CSS skills to fix it (I'm SO out on CSS after all those years) but it wouldn't work.
How can I cover the shop buttons? Any help is welcome! I'm sure its easy peasy :/
To make all the shop icons vanish
td a img {
display: none;
}
To set each shop individually:
td#shop_0 center a {
background-image: url(https://img.subeta.net/items/sticker_sillysheep.gif);
width: 64px !important;
height: 64px !important;
display: block;
}
td#shop_1 center a { background-image: url(https://img.subeta.net/items/sticker_sillysheep.gif); width: 64px !important; height: 64px !important; display: block; }
td#shop_2 center a { background-image: url(https://img.subeta.net/items/sticker_sillysheep.gif); width: 64px !important; height: 64px !important; display: block; }
td#shop_4 center a { background-image: url(https://img.subeta.net/items/sticker_sillysheep.gif); width: 64px !important; height: 64px !important; display: block; }
To change all to one image
td center a {
background-image: url(https://img.subeta.net/items/sticker_sillysheep.gif);
width: 64px !important;
height: 64px !important;
display: block;
}
To make the space between the images and the shop title vanish:
br {
display: none;
}
;){kind=link}