Jump to content

Bedford: Page-Content area, CSS width control. How do I adjust this?

Recommended Posts

  • Replies 17
  • Created
  • Last Reply
  • 2 weeks later...

I tried this but the content (in my case a gallery) extended to the right instead of centering itself on the screen. So I ended up with a gallery that ran off the right of the page. Any ideas on how I can center it?

Here's what I have nowwww.alexbroadstock.com/people

Thanks!

Link to comment
  • 1 month later...

So, i'm using pacific which should be similar. I am having trouble achieving the desired result. I only want one page to have an expanded width. that page is home as the first page in my index.

I can increase the width by doing :


#page{ max-width: 100%;}

However, using


#home{max-width:100%;} 

does not work

Should i be using something else in place of #home?

Link to comment
  • 9 months later...

@eanderson

I am having a similar issue with the movie playing on my homepage, where I want the movie to be larger and CENTERED above the content below it. I tried putting in your code suggestion of

page { max-width: 1020px; } but it didn't do anything different. Can you take a look and provide any suggestions to center the video on the page? Thanks so much!

Michael

www.eucalyptusfilms.com/Answered 17 mins ago by mhorwitz 1

Link to comment

Ok just tested and you have to do something else - you page in index has a unique name #something - so to alter only a page with for this video add a video as a regular block and paste this into CSS:


#you-page-title .page-content 

{
max-width: 2000px;
margin: 0 auto;
padding:0px;
}

And done. Example here http://bit.ly/1RLeWgj

X-Gen born digital. Food Enthusiast. Traveler.

Link to comment
  • 2 months later...
  • 6 months later...
  • 1 year later...
  • 10 months later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.