Portfolio Projects - Full Width

Shapely
1

I have scoured the support forums and apologise if this topic has been covered but please could you tell me how I make the Project Items in the Portfolio appear on a full-width page.

This theme rocks and I love it… just wish I could make the whole of my site full-width without sidebars.

2

I have got the text centred with this css code

.single-jetpack-portfolio #primary {
    margin-left: auto;
    margin-right: auto;
	  float: none;
}

.single-jetpack-portfolio .tiled-gallery .gallery-row {
  margin-left: auto;
  margin-right: auto;
}

But unfortunately it still doesn’t make the whole portfolio spread across the full-width of the page.

3

Is there a way to make the Portfolio page full-width like the blog posts? If not is there a way to make the blog posts the same width as the project posts?

4

Hi,

Sorry for a late in response. I see that the portfolio page and the single portfolio page all are full width now, did you figure it out?

Let us know,

Thanks,
laranz.

5

Hi!

I’m having the same issue, I’d like to make my portfolio projects full width. How should I do it?

Thanks in advance.

6

Hey @carloscastillo,
Hope you’re doing well today

I’ll be able to provide you with some CSS that should work for this if you provide me with a link to your site so that I may test it there to ensure it works.

I look forward to your reply :slight_smile:

Best Regards,
Support

7

My website is http://www.castillorender.com.

Thank you for your quick response!

8

Hi! It’s been a couple of months, I was hoping we could fix the issue.

Kind Regards,
Carlos

9

I had the same problem, I fixed it by making a custom single.php file that’s used for portfolio posts.

  1. Make a new PHP file and put this code in it:
<?php
/**
 * The template for displaying all single posts.
 *
 * @link    https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
 *
 * @package Shapely
 */

get_header(); ?>
	
		
		<!-- #primary -->
		</div>
<?php
get_footer();

Line 12 has the “full-width” class which makes it full width. You can also use “no-sidebar” instead of it which removes the sidebar, or any other template in your page-templates folder.

  1. Save this file as single-jetpack-portfolio.php and upload it to your theme folder (in the same folder that your archive-jetpack-portfolio.php file is). Now your portfolio posts should be using this template instead of the one assigned in single.php.

EDIT: I tried to add the PHP file because the code wouldn’t display correctly but apparently we can’t do that.

10

Sorry for double posting, the code I posted won’t work since some of it got cut for some reason so here’s a screenshot, hopefully this works.

Basically I just copy/pasted everything from single.php into a new PHP file, deleted lines 30-34 and 11-17, then changed line 12 to

<div id="primary" class="col-md-8 mb-xs-24 no-sidebar"><?php