background of article page

  • Resolved tonyx4x44

    (@tonyx4x44)


    9 years, 2 months ago

    good day, I have an issue with the background of my article page (don’t know what to call it). I used the site boxing code provided by the other admin (cant remember his name; dzgaf or something close) on my site.
    the boxing work perfectly on the homepage with the posts showing in rectangular boxes having white backgrounds.
    my problem is that when one of the post is clicked and the article opens the article has the same background as the site wide background making text sometimes hard to readd

    i want the article page to also appear inside a box with with background

    any help will be appreciated. thanks

    my homepage – https://www.boyantech.com

    a sample article page –

    link to the boxing code – https://gist.github.com/eri-trabiccolo/53600e26a399105140b1

    link to post boxing code – https://gist.github.com/eri-trabiccolo/100316c92145cbbc0633

    caveat – I’m not to knowledgeable in creating code, will appreciate if you just show me what to copy or edit. thanks

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

  • Simplest solution, try this in Customise>Advanced>Custom CSS or Child Theme style.css:

    article {
    border: solid 6px #5BC8B4;
    padding: 10px 5px;
    background: #fff none repeat scroll left top;
}

    May need to add !important to background if not working:

    article {
    border: solid 6px #5BC8B4;
    padding: 10px 5px;
    background: #fff none repeat scroll left top !important;
}

    Thread Starter tonyx4x44

    (@tonyx4x44)

    didn’t work. Maybe this new code is being overriden by something in the site wide boxing code in the link I provided

    Code definitely works when I use Developer Tools and add a new style sheet.

    Can you look in Customise>Advanced>Website Performance and UNCHECK the minified CSS option.

    Hi tonyx4xx,

    I had the same problem when I started with my blog. The code rdellconsulting posted works at my page too, but only in combination with this:

    .type-post, .type-page, .type-attachment  {
    margin: 0 0 1.5em 0;
    padding: 0.8em 1.5em 1.5em;
    box-shadow: 0 0 4px #ddd;
    border: 1px solid #ddd;
    background: #fff;
}

    I don’t know why ?? Now I have white boxing at the homepage, the post and the widgets. I am not happy with the white boxing from the widgets in my footer, but I don’t know how to get rid of it and keep the boxing of the posts and the sidebar widgets bat the same time.
    At my page, this looks like this: https://www.tinytraveler.de

    Hope that helped! ??

    @tt, the code above has:
    background: #fff;
    and that is causing the white boxes.

    Thread Starter tonyx4x44

    (@tonyx4x44)

    found a way to fix it… I had to copy the same boxing code again in my css. in the copied verson i changed the function to article

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘background of article page’ is closed to new replies.