Increasing site content width

Hi everyone,

I'm using the Alex template and I'd like to increase the width of the content areas. The banner areas are full screen but the page content is narrower. Did I miss the site width setting in the design styles? Is there css I can use?

I've attached some screenshots of the design I'm trying to achieve from another template where I could control the site width. The active site I'm working on is https://igcalgary.com/home

Thanks for your help.

add to Home > Design > Custom CSS

section#content-wrapper .content.has-content>.has-content:first-child {
    max-width: 100%;
    padding-left: 2%;
    padding-right: 2%;
}

Thanks so much @tuanphan, that did the trick. I appreciate your help!

Hi @tuanphan The same question here. I'm using Alex template too and my page doesn't display full width. What custom CSS should I use?  I didn't quite get what should I put before {} in your code above

Below is the link: https://visual7narrative.squarespace.com/workindex-1

Thanks!

On 1/14/2020 at 8:16 PM, Rainefield said:

Hi @tuanphan The same question here. I'm using Alex template too and my page doesn't display full width. What custom CSS should I use?  I didn't quite get what should I put before {} in your code above

Below is the link: https://visual7narrative.squarespace.com/workindex-1

Thanks!

Rainefield, I just copied and pasted the whole code into the CSS editor and it worked, I didn't add any code before the brackets. What did you try?

On 1/15/2020 at 10:16 AM, Rainefield said:

Hi @tuanphan The same question here. I'm using Alex template too and my page doesn't display full width. What custom CSS should I use?  I didn't quite get what should I put before {} in your code above

Below is the link: https://visual7narrative.squarespace.com/workindex-1

Thanks!

what is access password?

me too

On 2/27/2021 at 1:42 AM, keithalanhudgins said:

me too

Can you share link to your site?

https://fpcaustin.org/stream

On 3/4/2021 at 4:53 AM, keithalanhudgins said:

https://fpcaustin.org/stream

Add to Design > Custom CSS

/* Stream content width */
body#collection-5fbbd4ebd2719a7af1873514 .content-inner {
    max-width: 100%;
}