Boutique: Homepage not full width

Hey John,

I am not sure if this will work for you, but it worked wonders for me on my home page: https://rileyshiery.com

You will need to add this to the style.css of your child theme, but replace the XXX with the page id# for your home page.

.page-id-XXX .site-content .col-full {
	max-width: 100%;
	margin-left: auto;
    margin-right: auto;
}

Replace the XXX with your homepage’e page id#, This Page explains how to find your page id.

I hope that helps, good luck out there!

Riley

Hi Riley,

Great looking site! ??

What I’m aiming for is not something custom, but what should be standard functionality for the Boutique Child Theme, as seen on the theme’s home page: Boutique Child Theme. Whilst I’m more than happy to tweak the CSS, I shouldn’t have to in this case – I’m only looking for the theme to work “as designed”.

God bless,
-John.

Oh, haha! Well that makes perfect sense! Sorry, I am a beginner, and since I just figured this out for myself I was over-eager to share. XD

Thanks for the compliments on the site! It has been a learning experience getting things to feel just right, and there is so much work yet for me to do…

I need to get it done soon though, being cooped up these last few weekends in front of the computer is driving me a little crazy ??

Best of luck with your project!

Riley

Hey,

That’s definitely not the homepage template. I’m afraid that without an admin log in I can’t really inspect or advise further.

My only guess is that you’ve set the shop page as the homepage, but set the shop page to have the homepage template. That wont work as page templates cannot be applied to the shop page. Instead you’ll have to create a new page, give that the homepage template and then set it as your homepage in the reading settings.

Thanks

@jameskoster. I was having this same issue, but don’t have a child theme. This worked, thanks!