Removing sidebar / making posts full width

Sparkling
1

How do i remove the side bar form posts and make the page full width?

2

Add this code to Theme Options - Other - Custom CSS if you want to hide sidebar and all posts and pages full width without any exceptions.

#secondary {
    display: none;
}

.main-content-inner.col-sm-12.col-md-8.pull-left {
    width: 100%;
}

If you want to target only single posts then use this solution instead:

.single #secondary {
    display: none;
}

.single .main-content-inner.col-sm-12.col-md-8.pull-left {
    width: 100%;
}

I assume that you are not featured images for your posts or otherwise this solution won’t be the right one. If this is the case, please post your website URL, so I can see what is going on.

3

Hi Aigars,

Thanks for the quick reply but yes I do use featured images so now header images are not full width?

URL here: Events | Pete Holliday - Digital Consultant

I would also like to change layout of blog category page referenced above to show thumbnail & link through not the full article (a little similar to photos page). Is this possible in this theme?

Thanks

4

You need to recreate featured images. If you are not using Child Theme then you can edit this line of code in functions.php file to make it look like this:

add_image_size( 'sparkling-featured', 1140, 650, true );

If you are using Child Theme you can add this code to Child Theme functions.php

<?php

function child_theme_setup() {
	add_image_size( 'sparkling-featured', 1140, 650, true );
}
add_action( 'after_setup_theme', 'child_theme_setup', 11 );

?>

Now that you have done this you will have to regenerate thumbnails as otherwise your images are going to remain the same size. For that you can use this plugin.

Let me know if this helps.

5

Thanks Aigars, yes that worked great. Two further queries.

  1. I regenerated thumbnails but not all featured images are full width - will this be because original file was smaller than new width of 1140x640? It does not stretch?

  2. Is there a way to force homepage slider images to display at a set size as they are using the same featured image but displaying in some cases way too big. You can see on the URL www.peterholliday.co.uk

Thanks

Pete

6

Thanx for this information. I do have a follow-up question.

How do to change the below code to make it work for category-slug.php (http://tourdoorutrecht.com/categorie/tourverhaal/)

I took the sidebar out manually, but I want the content to be full width.

Can you help me?

7

This code will make content area full width but only on category archive:

.category #content {
  width: 100%;
}
8

Thanx for your answer. The thing is though, that I only want it to happen on a specific category (tourverhaal). So I made category-tourverhaal.php which works fine. I took out the sidebar in the editor.

And now I got stuck ;).

UPDATE:

.category-tourverhaal did the job. Now I have to get the thumbnail at the good width. I already tried to regenerate them, but I’ll look into it.

9

Hey Aigars, I tried using this, but as you said, it doesn’t work out with featured images.

I can get the sidebar to disappear, and the featured images to fit, but then the whole post stream is tilted to the left side and not centered.

How can I make my content centered with featured images and still remove the sidebar?

Thanks!

Nik

10

Hello Aigars and all,

Ive joined the community just to let you know that you do an awesome job with your themes, it helps a lot on development and also to say that this question was very helpful to me, regarding how to adjust the featured images sizes for making single posts full width using dazzling theme actually… it worked as charm!

Thanks a lot and keep up with the good work, folks!

Cheers from Brazil

11

Hello there Aigars,

Thank you for all hints and tipps regarding single post pages.
I have another follow up question:

I have done as you wrote in your posts. But: I would like to show the image in the same width as the post just below (1140). Currently it is show in 750 x 410 and shows only the center part of the featured image. I would prefer to show the entire image (resized to 1140 x 356).

Is there a way to get this working?

Thank you very much in advance for your reply.

Cheers
Winfried

12

Hello Aigars,
Thank you for the perfect support that you provide.

I have a fresh install of Unite Theme, no pages or images yet. In the theme demo is a gallery page - no sidebar and full widght. I successfully removed the sidebar but how to make page full widght? I want just the gallery page to be full widght - the same as the demo.
Thank’s!

13

I found the solution.