WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] removing bar on the bottom of page (moves with scrolling) (13 posts)

  1. hmaaieh
    Member
    Posted 1 year ago #

    I am having trouble with a large green bar that appears at the bottom of every page on my website. It moves with the scrolling. How and where should I look to remove this?

    Website: michigan.universalhealthaid.org

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Do you have a place to enter this CSS;

    body {
     background-color: none;
    }

    ?

  3. hmaaieh
    Member
    Posted 1 year ago #

    there is, but it didn't do anything

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Oops, try this;

    body {
     background-color: transparent;
    }
  5. hmaaieh
    Member
    Posted 1 year ago #

    I found this:

    .resize {
    background: url(images/resize.png) repeat scroll 0 0 transparent;
    bottom: 0;
    height: 80px;
    position: fixed;
    right: 0;
    width: 80px;
    }

    and i tried adding "display: none;" and I tried removing the whole thing, and nothing happened

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    If you're editing the theme's files, stop. Use a Custom CSS Manager plugin to hold your CSS modifications.

  7. hmaaieh
    Member
    Posted 1 year ago #

    the background-color: transparent; didn't work either

  8. hmaaieh
    Member
    Posted 1 year ago #

    Ok, I made the change, but it made the bar white instead of green.

  9. hmaaieh
    Member
    Posted 1 year ago #

    Using the Custom CSS Manager plugin

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    What colour would you prefer?

  11. hmaaieh
    Member
    Posted 1 year ago #

    I would prefer that the original background image show instead of the white bar. There is an image on the bottom right of the bar that says "resize" which I was hoping to remove with it. Any ideas?

    Here is how it looks now: michigan.universalhealthaid.org

  12. Andrew
    Forum Moderator
    Posted 1 year ago #

    Instead of this;

    body {
     background-color: transparent;
    }

    Add this;

    body {
     background-repeat: repeat;
    }
  13. hmaaieh
    Member
    Posted 1 year ago #

    It worked! Thank you so much!

Topic Closed

This topic has been closed to new replies.

About this Topic