Jump to content

DPruitt

Circle Member
 View Profile  See their activity

  • Posts

    185

  • Joined

  • Last visited

 Content Type 

Everything posted by DPruitt

  1. DPruitt
    Can you check to see if that helped any? The approach was to hide the overflow this time. Also, you do have a project title in the top right that's in black: .project-title It also looks like you've hidden your pagination which could be some of the issues in hitting the back button and getting the error; I think using that feature would probably solve the issue.
  2. DPruitt
    Swweettt! Feel free to mark as solution. Code can be found around line 194: /* align portfolio pagination */ .item-pagination[data-collection-type^="portfolio"] { max-width: 1656px; margin: 0 auto; } @media screen and (min-width: 1656px) { #collection-64da37315a0bb7306fe44e53,#collection-64d0eb024c0ac125cd63e3b8,#collection-64d20affa6742348f6ae01bd {#sections .content {padding-left: 8vw; padding-right: 8vw;} .tweak-portfolio-grid-basic-width-inset .portfolio-grid-basic {padding-left:0px!important; padding-right:0px !important} } }
  3. DPruitt
    Okay check again
  4. DPruitt
    I removed my code and it was still doing it so this appears to be a separate issue... Checking to see what I can find; all of my codes are for 1656px+.
  5. DPruitt
    Okay go ahead and hit refresh; I think I got it pretty close: /* align portfolio pagination */ .item-pagination[data-collection-type^="portfolio"] { max-width: 1656px; margin: 0 auto; } @media screen and (min-width: 1656px) { .content {padding-left: 8vw; padding-right: 8vw;} .tweak-portfolio-grid-basic-width-inset .portfolio-grid-basic {padding-left:0px!important; padding-right:0px !important} } FYI, this was placed in the Header Injection of all 3 portfolio index pages so that it wouldn't affect the rest of your pages across your site. This way it will keep your site dynamically functioning in the backend and other areas across your site.
  6. DPruitt
    Fixing a few more issues and rewriting a few codes now... one moment..
  7. DPruitt
    I went ahead and removed some of the code and pasted it to a notepad for now. Can you check the site again to see if that solved your issue? I did notice on a certain test that the header was acting funky from the custom padding css.
  8. DPruitt
    https://www.loom.com/share/5a63ef9c4430460899809ebcc9fdacc0?sid=bea2cbca-6702-4701-86a0-649a90440aca Check link; I'll keep looking
  9. DPruitt
    I have access; Everything looks flushed now?
  10. DPruitt
    Probably be easier if you just invite me into the site with Admin rights: derek@derekpruitt.design I would say all of that code can probably be removed as it looks custom. The inset option alone should be flushing everything accordingly. There maybe one setting where you need to set a "max-width" not a width code. If you tell it "width" you're telling it to be 1600px wide on all screen devices.
  11. DPruitt
    No link?
  12. DPruitt
    Personally, instead of adding the mobile image above the parallax desktop image in that index page, you might add another index page specifically for mobile below the desktop index page. After that, hide the first index page for mobile viewing and hide the 2nd index page for desktop viewing.
  13. DPruitt
    Link to the site?
  14. DPruitt
    You should be able to do this using normal Squarespace tools and writing a bit of CSS to tighten up the spacing...
  15. DPruitt
    Hey ctaylorr! You can actually do this using Squarespace tools, however, initially, it's not a button in the bottom as you might have to write additional coding for that, however it does have the rest of the functionality: https://support.squarespace.com/hc/en-us/articles/115008375848-Creating-a-promotional-pop-up 1. Click on Marketing 2. Click on Promotional Popup 3. Click on Change Layout There are a few codepen solutions you might could implement: https://codepen.io/syalakshay/pen/pWmYXx https://codepen.io/corinneling/pen/mLwKaG
  16. DPruitt
    I'm not sure of the text class without having access to the site, however try this: @media only screen and (max-width: 767px) { #block-yui_3_17_2_1_1691026635683_53233, #block-26a7ccb790a5dd3219be { h1,h2,h3,h4, p { text-align: left !important; } } }
  17. DPruitt
    Try using a "Classic section" when inserting a code block or summary blocks. After inserting the code block into the classic section, there may be some small CSS alterations that you need to make to tighten things up...
  18. DPruitt
    I think there could be errors in your code block that need to be resolved. Can you try to remove the code block to see if you can get the formatting to stay the same as the backend of the site?
  19. DPruitt
    I need admin access as I can't write any CSS, but it might be better for you to... I removed the spacer blocks below the index, so let me know if you need additional spacing at the bottom. After that, let's try to remove the empty page footer at the bottom. From there, we are going to change the index and give a background color to the footer. Please try adding this CSS and send a screenshot once complete if the project index page is still overlaying the footer. .empty { display: none !important; } #footer {background-color:#000000 !important; z-index:9999999 !important; position:relative !important;}
  20. DPruitt
    This code is now updated; if 1.6px is too tight, you can change it to 1.6em
  21. DPruitt
    1. Click to edit the content of the section. 2. Click on the last tab "design". 3. Click "Size and Space" at the bottom. 4. Scroll to the bottom and under "Position" choose the last option which should stretch the cards.
  22. DPruitt
    Updated the code to include the button style change and the quantity input to be smaller by adjusting the padding. Feel free to mark as a solution if everything works correctly for you!
  23. DPruitt
    This inserting this into CUSTOM CSS: .ProductItem-additional .product-title {font-size: 25px !important; text-decoration:underline} .ProductItem-additional .product-price {font-size: 18px !important;} .ProductItem-additional .product-excerpt p {font-size: 18px !important;} .ProductItem-additional .sqs-add-to-cart-button {color:#ffffff !important; background-color:#000000 !important; border-radius:0px !important;} .ProductItem-additional .product-block .product-quantity-input input {padding-left: 3px !important; padding-right: 3px !important; padding-top: 3px !important; padding-bottom: 3px !important;}
  24. DPruitt
    Can you give me access to your site: derek@derekpruitt.design
  25. DPruitt
    Try inserting this into the Order Status Page, which you can find under SETTINGS - DEVELOPMENT TOOLS - CODE INJECTION. You'll want to create a page called /thank-you: <meta http-equiv="refresh" content="0; url='/thank-you'"></meta> <style>#_confirmationpage {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:2147483646;}</style> <div id="_confirmationpage"></div>
×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources