CSS that worked previously no longer works
-
Hi! I also posted this in the Widgets forum, but since it also relates to CSS I’m posting here too.
To make a long story short, I have an image widget that normally appears on the background of my site, and links to another site. (It’s a square yellow logo with IMDB written in black on it.)
For some reason, although it is normally neatly right in the upper right hand corner of the background on each page of my site, today it migrated down to appear over the text and images on my home page.
First I tried deleting it, but then 3 random widgets (archive, meta and search) appeared, which I did not want.
So then I put the image widget back but replaced it with a smaller image so it was not blocking the home page as much.
Now I’m trying to get it back to where it was before.
When I had originally created it over a year ago, a forum poster kindly suggested this CSS to me (below.) My question is, is that CSS no longer working? Does it need to be replaced? Thanks for any help you can give me.
#page {
position: relative;
}
.site-main {
position: static;
}
#image-3 {
position: absolute;
top: 0;
right: 0;
max-width: 50px;
margin-bottom: 0;
background: transparent;
width: 100%;
}
#image-3 .widget-title {
display: none;
}
#image-3 img {
margin-bottom: 0;
}
@media screen and (max-width: 600px) {
#image-3 {
right: 20px;
}
#image-3 div:first-of-type {
overflow: visible !important;
}
}The blog I need help with is: (visible only to logged in users)
-
Hi there, there are a few changes regarding widgets, and unfortunately you were caught by that since we had used custom CSS to move that widget. Change this CSS selector
#image-3
to this.
#media_image-6 -
-
-
- The topic ‘CSS that worked previously no longer works’ is closed to new replies.
WordPress.com Forums 