How to remove background of posts and pages

  • Resolved kbkbh

    (@kbkbh)


    7 years, 11 months ago

    Hi

    I’ve just started tinkering with this very nice Oria theme.

    I like the features and functions a lot, but I would like to remove the background of the posts and pages. Right now it’s a standard white, and I can choose different colors and images for the specific fields (posts, elements on pages etc.). But I can’t remove the background of the posts altogether and I can’t change opacity (otherwise I could just set it to 100%).

    I’ve tried all kinds of CSS and even tried editing the files directly, but I can’t seem to get it to work. It stays white.

    Can anyone help me to get just floating text on top of the general background of the site instead of the white boxes?

    Best wishes Lasse

Viewing 12 replies - 1 through 12 (of 12 total)

  • Hi,
    I am afraid that i could not get your requested changes so please provide some marked screenshots through https://droplr.com/ to know the exactly.
    Thanks
    Mohammad

    Hi,
    I have the same issue. All the posts and page contents are in boxes with a white background, which cannot be changed through the theme settings. I also marked them in a professional way on this screenshot:
    https://d.pr/i/DcJz

    I was also trying to look it up in the css editor, but nothing seems to work. Would as well be thankful for any help.

    Have a good day
    Lukas

    Hi,
    Please use this custom css code:-

    .posts-layout .hentry .item-sizer {
    background-color: #fff !important;
}

    Thanks
    Mohammad

    Thread Starter kbkbh

    (@kbkbh)

    Thank you very much for your reply Mohammad – and for your @dunner post. It is the same issue, we are having.

    I’ve copied the css in the customiser in the Oria theme, but it doesn’t seem to have any effect?

    I’m currently working on this test project page: masser.dk

    Any thoughts?

    • This reply was modified 7 years, 11 months ago by kbkbh.

    Hey,

    you can add or remove the background image through Appearnace -> customize -> Background Image
    To remove white background add the following custom CSS to customize-> Additional CSS

    .posts-layout .hentry .item-sizer {
    background-color: transparent;
    color: white;
    border: none;
}

    For Single page

    .content-wrapper {
    background-color: transparent;
    border: none;
    color: white;
}

    Hope it helps and let me know if you require any further assistance.

    • This reply was modified 7 years, 11 months ago by Poonam Namdev.
    • This reply was modified 7 years, 11 months ago by Poonam Namdev.
    Thread Starter kbkbh

    (@kbkbh)

    That worked!

    (.content-wrapper {
    background-color: transparent;
    border: none;
    color: white;
    })

    Thank you so much

    Thread Starter kbkbh

    (@kbkbh)

    Oh. Wait. It works on non-post pages, but not on posts.

    But it doesn’t matter too much. I can work around it by building my page with pages instead of posts.

    Thanks again

    Thread Starter kbkbh

    (@kbkbh)

    Aaaand the other piece of code did the trick for posts.

    Thank you all so very much.

    It works for me too thanks! But it is weird. At first it didn’t do anything, but when I checked back in an hour, it was fixed. Now if I want to change it again, it doesn’t do anything. Any ideas why this might be happening? (and I refreshed the page multiple times the first time)

    Hi,
    You are using any cache plugin or your server has any cache mechanism.
    Thanks
    Mohammad

    Yes that was the problem, thank you so much !

    Have a nice day
    Luke

    Hi,
    Most welcome and great thanks to @poonam9.
    Best Regards
    Mohammad

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘How to remove background of posts and pages’ is closed to new replies.