Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Portfolio Not Lining Up Correctly


chspck

Question

Site URL: http://chasepickering.design

I have a portfolio website and I am having trouble aligning my content with my header and footer. I want the content to span the full 1200px of my website (line up with the header and footer) and retain the 3vw margin as it is resized. Would also like the left and right navigation arrows to line up with the footer. I have been messing with it for about 2 hours now and cannot figure out a solution. Hope I was clear enough and I would really appreciate the help! 

Screen Shot 2021-04-04 at 4.15.21 AM.png

 

Screen Shot 2021-04-04 at 4.23.25 AM.png

Edited by chspck
Link to post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

You mean like this .item-pagination[data-collection-type^="portfolio"], .item-pagination[data-collection-type^="portfolio"] { max-width: 1200px; margin: 0 auto; }

Try adding to Design > custom CSS /* align header - main content */ div#gridThumbs { padding-left: 0; padding-right: 0; }  

Posted Images

4 answers to this question

Recommended Posts

  • 0
2 hours ago, chspck said:

Site URL: http://chasepickering.design

I have a portfolio website and I am having trouble aligning my content with my header and footer. I want the content to span the full 1200px of my website (line up with the header and footer) and retain the 3vw margin as it is resized. Would also like the left and right navigation arrows to line up with the footer. I have been messing with it for about 2 hours now and cannot figure out a solution. Hope I was clear enough and I would really appreciate the help! 

Screen Shot 2021-04-04 at 4.15.21 AM.png

 

Screen Shot 2021-04-04 at 4.23.25 AM.png

You mean like this

.item-pagination[data-collection-type^="portfolio"], .item-pagination[data-collection-type^="portfolio"] {
  max-width: 1200px;
    margin: 0 auto;
}

image.thumb.png.8289bdd3ff9c7bf090ac402e81edb681.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Portfolio hover Replace Link Style
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post
  • 0
15 hours ago, bangank36 said:

You mean like this


.item-pagination[data-collection-type^="portfolio"], .item-pagination[data-collection-type^="portfolio"] {
  max-width: 1200px;
    margin: 0 auto;
}

image.thumb.png.8289bdd3ff9c7bf090ac402e81edb681.png

Thank you for the response! Yes that worked for the footer, but on my homepage I am still having trouble lining up the content with the header and footer. See attached.

Screen Shot 2021-04-04 at 10.53.04 PM.png

Link to post
  • 0

Try adding to Design > custom CSS

/* align header - main content */
div#gridThumbs {
    padding-left: 0;
    padding-right: 0;
}

 

Link to post
  • 0
5 hours ago, tuanphan said:

Try adding to Design > custom CSS


/* align header - main content */
div#gridThumbs {
    padding-left: 0;
    padding-right: 0;
}

 

That does work when the window is full size, but I would like to retain the 3vw margins as it gets smaller. See attached.

Screen Shot 2021-04-05 at 1.36.47 PM.png

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...