Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1016350

    Hi there,

    I have a question about a CSS issue.
    I have added following code to my global CSS:

    body.blog .entry-wrap,
    body.single .entry-wrap {
    padding-left: 15%;
    padding-right: 15%;
    }

    I wanted to “box” my blogposts, so that they aren’t full width (better to read).

    But I would like to show them in full width on mobile devices. How can I achieve that?

    Second question:
    Same with the column “write a comment” at the end of every blogpost.

    Hope you can help

    #1016354
    Christopher
    Moderator

    Hi there,

    Please update your code to :

    @media (min-width:480px){
    body.blog .entry-wrap,
    body.single .entry-wrap {
    padding-left: 15%;
    padding-right: 15%;
    }
    }

    Hope it helps.

    #1016359

    Fantastic X !!

    This looks wonderful, thank you!

    Can you also provide me a code, so that the comments section is included, too?

    #1016360
    Christopher
    Moderator

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #1016364
    #1016368
    Thai
    Moderator

    Please update the previous CSS a bit:

    @media (min-width:480px){
        body.blog .entry-wrap,
        body.single .entry-wrap,
        .single .entry-footer.cf,
        .single .x-comments-area {
            padding-left: 15%;
            padding-right: 15%;
        }
    }

    Hope it helps 🙂

    #1016372

    That’s it ! You nailed it, thank you so much. I’m not even done with my blogpost I startet same time with this request 🙂

    Keep on, good work!

    #1016375
    Joao
    Moderator

    Hi There,

    You are welcome and thanks for the kind words.

    Let us know if you need help with anything else.

    Joao

  • <script> jQuery(function($){ $("#no-reply-1016350 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>