Article container - by mbenven - on WordPress WooCommerce support

This topic has 9 replies, 3 voices, and was last updated 9 years, 5 months ago ago by Robert Hall

  • Avatar: mbenven
    mbenven
    Participant
    June 29, 2016 at 13:58

    Hello, I currently have my home page set pretty much as I want to , but I am missing a container for the article (like the one they have on http://www.macrumors.com) is there a way to contain each article like that?

    Thanks

    8 Answers
    Avatar: Robert Hall
    Robert Hall
    Participant
    June 29, 2016 at 14:13

    Hello,

    This question is a bit unclear for us. Could you please clarify us with more details and show us screenshots?

    Regards,
    Robert Hall

    Avatar: Eva
    Eva Kemp
    Participant
    June 29, 2016 at 14:14

    Hello,

    Do you mean you want to have border around the article?
    Add this code in Global Custom CSS section:

    .blog-post {
        padding: 20px;
        border: 1px solid grey;
    }

    Regards,
    Eva Kemp.

    Avatar: mbenven
    mbenven
    Participant
    June 29, 2016 at 14:57

    Thank Robert Hall and Eva Kemp , yes the border suggested is part of what i am looking for, the other part is the little title bar for the border like the one in macrumors.com the “red” part with the white title.

    As always thanks for the wonderful support!

    Avatar: Robert Hall
    Robert Hall
    Participant
    June 29, 2016 at 15:18

    Please try this code in Global Custom CSS.

    article.post h2 {
        background: red;
        margin-left: -10px;
        margin-right: -10px;
        padding: 10px;
    }
    article.post h2 a {
        color: white;
    }

    Regards,
    Robert Hall

    Avatar: mbenven
    mbenven
    Participant
    June 29, 2016 at 15:23

    Thanks Robert, exactly what I was looking for, now I need to move the breadcrumb under the colored bar (so that the bar is exactly at the top of the box and the breadcrumbis under it )and I am set.

    Avatar: Robert Hall
    Robert Hall
    Participant
    June 29, 2016 at 15:31

    Please try to replace the code above for that one

    article.post h2 {
        background: #22a2dc;
        margin-left: -10px;
        margin-right: -10px;
        padding: 5px 9px;
        position: absolute;
        top: 0;
        width: 100%;
    }
    article.post h2 a {
        color: white;
    }
    .blog-post {
        position: relative;
    }

    Regards,
    Robert Hall

    Avatar: mbenven
    mbenven
    Participant
    June 29, 2016 at 15:34

    Thank you very veyr much.. I think I am learning how it works!

    Congrats again on the awesome support!!!

    Avatar: Robert Hall
    Robert Hall
    Participant
    June 29, 2016 at 15:58

    You’re welcome!

    Regards,
    Robert Hall

  • Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘Article container’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.