• Resolved atuan

    (@atuan)


    Hi. Is possible to get the sidebar in posts page? With the theme default options, posts page is full width and I don’t know how to change it, at least at my level of knowledge of PHP and CSS.

    P.S.: Apologies, I asked this in a totally different post.

Viewing 6 replies - 1 through 6 (of 6 total)
  • I see on congreso.red-liess.org that you’ve already made a child theme, so you’re already partially there. ??

    Place a copy of index.php in your child theme, if you haven’t already.

    Just above the footer function on the last line, add a call to the sidebar:

    <?php get_sidebar(); ?>

    You’ll also need to override some styles on the .blog class, while making sure to keep some of them in a media query so the theme’s responsiveness isn’t broken.

    Give this a try in your child theme and let me know how it goes?

    .blog .entry-meta:after {
      width: 12.5%;
    }
    .blog .entry-meta {
      margin-bottom: 3.5em;
    }
    .single .entry-meta span {
      margin: 0;
    }
    
    @media screen and ( min-width: 55em ) {
    
      .blog .content-area {
        float: left;
        margin: 0 -25% 0 0;
        width: 100%;
      }
      .blog .site-main {
        margin: 0 32% 0 0;
      }
      .blog .site-content .widget-area {
        float: right;
        overflow: hidden;
        width: 25%;
      }
    
    }
    Thread Starter atuan

    (@atuan)

    Wow, great. Seems a bit compressed, but thank you very much (again) for your work, Kathryn.

    You’re welcome! I’m not sure what you mean by it seeming compressed, but if you have any trouble with it, just let me know. ??

    Thread Starter atuan

    (@atuan)

    Compressed in the sense that post titles are a bit out of space. But I will try tinkering with the code. Thanks!

    OK! If you need further help with that, feel free to post a screenshot (if you’re working offline) and I’ll be glad to have a look.

    https://en.support.wordpress.com/make-a-screenshot/

    You can upload the screenshot – in a graphic format like JPG, PNG, or PDF – in your Media Library, and provide a link so I can see it, or upload it with a service like Cloudup, Imgur or Snaggy.

    Thread Starter atuan

    (@atuan)

    I got it. Modified your code in:

    .blog .entry-meta {
    	margin-bottom: 1.5em;
    }

    And added:

    .blog .entry-header,
    .blog .entry-content {
    	float: none;
    	width: 100%;
    }

    I hope is right. Greetings.

    P.S.: I was working on-line because web page is not yet public.

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