Bloq News > Full width

Discussion in 'ButterBelly WordPress Theme' started by mwnow, Apr 9, 2015.

Thread Status:
Not open for further replies.
  1. mwnow

    mwnow Member

    Joined:
    Sep 23, 2013
    Messages:
    82
    Likes Received:
    3
    Hi,

    I would like to have the blow news preview in full width.

    I had removed the sidebar at the right side.
    But my three bloq posts should be in one row

    Like that:
    1. 2. 3.
    4. 5. 6

    I attached a screenie...
    How can I realize that?

    Greetings Miriam
     

    Attached Files:

  2. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hey, Miriam!

    Please follow the screenshot given below.
    butterbelly_make_blog_page_as_full_width_page.png

    Now, paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .content-bar .post {
      width: 330px;
    }
    Thanks,
    Praveen
     
  3. mwnow

    mwnow Member

    Joined:
    Sep 23, 2013
    Messages:
    82
    Likes Received:
    3
    Thank you Praveen, it works.

    Another question:
    I would like to remove the post-meta infos (like post date and author)

    > to do that: i had paste this code in the Custom CSS:
    .post_meta
    {
    display:none;
    }


    > It works. But my problem now is, that the distance from the <p> "Perfekte Passform, gut sitzene Stoffe..." ist to close on the grey heading of the post.
    I attached two screenshots, that you see what I mean :)

    How can I increase the margin-top (?) from the <p>?

    Greetings, Miriam
     

    Attached Files:

  4. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi, Miriam!

    Please paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .post_content {
      padding-top: 25px !important;
    }
    Please increase or decrease the padding value according to your requirement.

    Regards,
    Praveen
     
  5. mwnow

    mwnow Member

    Joined:
    Sep 23, 2013
    Messages:
    82
    Likes Received:
    3
    Hi Praveen,

    thanks for your quick help :)

    On the frontpage the padding works fine.

    But if I click on "News" in my menu and visit the site: http://relaunch.hoffmeyer-mode.de/news/
    The Padding is not working... can you have a look again?!

    And another question:
    If I click in a post, fe: http://relaunch.hoffmeyer-mode.de/mode-mal-anzueglich/
    The content is again only 2/3 width of the page. What I shall do, to get Full-Width?

    If I deisable comments in the menu there appears in the bloq "comments are closed"
    > I would like to remove that sentence > there simple should not be shown comments or any informations about that...


    Three Screenies attached ;)

    Greetings Miriam
     

    Attached Files:

  6. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hey, Miriam!

    1>No blog posts are available in the "NEWS" page link as you have provided us.
    hoffemeyer_news.png
    Please follow screenshots
    2>
    butterbelly_make_single_post_page_full_width.png
    3>
    butterbelly_diable_no_comment_text.png


    Thanks,
    Praveen
     
  7. mwnow

    mwnow Member

    Joined:
    Sep 23, 2013
    Messages:
    82
    Likes Received:
    3
    oh sorry, i have changed the url..during the day :/

    But your advice was right > it work´s...

    Can you tell me, where I can remove the post-meta informations on this page: http://relaunch.hoffmeyer-mode.de/trendupdate/
    (date and autor)
    and - if necessary - increase the <p> margin for that page?

    I searched in the php´s, but not found it...

    Greetings,
    Miriam
     
  8. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi Miriam!

    Please paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    ul.post_meta {
      display: none !important;
    }
    .post_content {
      padding-top: 10px !important;
    }
    Thanks,
    Praveen
     
  9. mwnow

    mwnow Member

    Joined:
    Sep 23, 2013
    Messages:
    82
    Likes Received:
    3
    Thank you very much for your patient help. It now works and look great.

    Greetings Miriam
     
Thread Status:
Not open for further replies.

Share This Page