• Resolved anushreeag

    (@anushreeag)


    Hi

    I am using Kahuna – in the theme, individual blog posts are to the left of the page with a sidebar to the right. I want that for individual posts, there is no side bar and the content area is centered on the page, not full width just maybe covering 60% of the page width.

    Please can someone help.

    Blog post page is this: https://diaryofnone.com/2017/10/07/guide-to-dubrovnik-croatia/

    The blog I need help with is diaryofnone.com.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • I am not sure if the theme support full-width layout for posts,

    The optimal solution would be one suggested by @judgerookie.
    But if you are not into programming, the quickest and easiest way would be to add this custom css :

    .post-template-default.single-post #container.two-columns-right .main {
    	width: 100%;
    }
    .post-template-default.single-post #secondary {
    	display: none;
    }
    .post-template-default.single-post .entry-content {
    	margin: 0 auto;
    }
    • This reply was modified 6 years, 9 months ago by Shariq Khan.
    • This reply was modified 6 years, 9 months ago by Shariq Khan.
    Thread Starter anushreeag

    (@anushreeag)

    @judgercookie : Thanks much for the link, it is quite useful it seems like it will take me some time to really understand different file structures

    @shariqkhan2012: Thanks for the code! I have now been able to get rid of the sidebar. One more thing – the post width is now full page width which actually doesnt make for a great reading experience as you can imagine. Is it possible to contain the post in the center of the page so that it covers say 60% of the width?
    Thanks so much

    Thread Starter anushreeag

    (@anushreeag)

    @shariqkhan2012

    Quick update: I have been able to center the post content by adding this:

    max-width: 850px; after margin — auto bit

    Please can you help me with boxing the content so that the text bit is in a different colour background than the rest of the page?

    Many thanks !

    After the bit where you added max-width, try adding this:

    padding: 20px;
    background: #f7b8b8;

    or this:
    box-shadow: 0px 20px 150px #d6dee4;

    or a combination of both:

    padding: 20px;
    background: #f7b8b8;
    box-shadow: 0px 20px 150px #d6dee4;

    I have a dilemma, and landed here to hopefully resolve on my own. My client’s site has somehow changed to include 3 columns in the layout “all of the sudden, and we have not idea when, or why this happened. This now interferes with other pages.
    I’m very new to WP, and know extremely little about coding. So I copied the code here to the CSS section of the appearance in attempt to remove the secondary sidebar widget – nothing changed. What have I missed? Are there other characters I need to also include? Will someone please help me with this? https://www.firsttuesdayla.com is the site I’m fighting with.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Remove sidebar from individual blog post page and move page to centre’ is closed to new replies.