Strange widgets appearing on my homepage that I can't eliminate

  • Unknown's avatar

    Hi.

    I used to have an image widget that was on the upper right hand corner of the background of every page of my site. It was a small square “button” that linked to another site. It was there for over a year.

    Today, I just looked at my site, and that image was about 4 times the size it normally is, and had totally changed position, and was on top of the text an images on my home page.

    So I immediately eliminated it, because I couldn’t figure out how to get back to it’s normal small size.

    As soon as I eliminated it, some other widgets popped up. I have no idea why they are there or how to get rid of them. When I look under the customizer at ‘widgets’ they don’t show up there. They are ‘search’, ‘archives’ and ‘meta’. I need to get rid of these asap (1st priority) and restore the image widget (2nd priority). Any advice?? Thanks SO much.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Ok this is an update. I tried to put the image widget back, and the Search/Admin/Archives widgets disappeared. (Phew!)

    But now I am faced with the problem of getting my image widget back to how it was and should be.

    Back when I originally created it, I was told to use the below CSS. I’m wondering if somehow something changed about how the CSS is “read” and therefore it no longer works?? (Don’t even know if that’s possible.)

    Here’s the CSS I was given. Anyone see any problems in this? My goal is to get the image widget about 25% of the size it is now, and put it in the far upper right hand corner of my background. Thank you!!

    #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;
    }
    }

  • Unknown's avatar

    Latest update: replaced image itself with a smaller one so it’s not blocking the text on the homepage as much. Look forward to hearing from anyone who knows about what’s up with my CSS, and hope you’re having a great weekend!!

  • Unknown's avatar
  • The topic ‘Strange widgets appearing on my homepage that I can't eliminate’ is closed to new replies.