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


Circle Member
  • Posts

  • Joined

  • Last visited

  • Days Won


Community Answers

  1. rwp's post in Experiencing a 503 Error was marked as the answer   
    Squarespace issue, usually resolved in a few hours or less.
  2. rwp's post in Changing Logo Color on Different Site Pages was marked as the answer   
    body:not(.homepage) .header-title-logo {
        filter: invert(1);
  3. rwp's post in How do I align left code block content (countdown timer)? was marked as the answer   
    #timer {
        text-align: left;
  4. rwp's post in How would I use a media query to change the number of columns a block spans at a smaller screen size? was marked as the answer   
    @61885 I added some code to your other post. Should get you going on the right track.
  5. rwp's post in How do I keep flexbox center justified even with min-width. was marked as the answer   
    Try this out, this will only do the first section.
    @media screen and (max-width:1200px) and (min-width:640px) { #photography-1 #page-5f35c573422a312d8302395a .sqs-col-2 { width: 10% !important; } #photography-1 #page-5f35c573422a312d8302395a .sqs-col-4 { width: 40% !important; } } @media screen and (max-width:1050px) and (min-width:640px) { #photography-1 #page-5f35c573422a312d8302395a .sqs-col-2 { width: 5% !important; } #photography-1 #page-5f35c573422a312d8302395a .sqs-col-4 { width: 45% !important; } } @media screen and (max-width:925px) and (min-width:640px) { #photography-1 #page-5f35c573422a312d8302395a .sqs-col-2 { width: 0% !important; } #photography-1 #page-5f35c573422a312d8302395a .sqs-col-4 { width: 50% !important; } } @media screen and (max-width:825px) and (min-width:640px) { #photography-1 .Index-page-content { padding-left: 0 !important; padding-right: 0 !important; transform: scale(0.9) !important; } } @media screen and (max-width:725px) and (min-width:640px) { #photography-1 #page-5f35c573422a312d8302395a .sqs-col-4 h1 { font-size: 6vw !important; } #photography-1 #page-5f35c573422a312d8302395a .sqs-col-4 h3 { font-size: 3.5vw !important; } }  
  6. rwp's post in How to affix/align text to (hamburger) icon was marked as the answer   
    .burger-box:before { content: 'Start Your\AJourney Here'; padding-bottom: 1em; width: auto; font-size: 10px; font-weight: bold; text-transform: uppercase; text-align: center; white-space: pre; line-height: 1 !important; transform: translateX(0); transform: translateY(-100%); }  
  7. rwp's post in Header text breaks words between lines? was marked as the answer   
    That's happening because you have spaces between every letter.
    Remove all the spaces and add this to your CSS
    #block-yui_3_17_2_1_1598522306783_21272 h2 { letter-spacing: 1.2rem; }  
  8. rwp's post in Move Navigation Position was marked as the answer   
    Replace the #moving css with this:
    #moving { color: #737373 !important; font-size: 22.6px !important; background: transparent !important; line-height: 0 !important; margin: 1px -.3em 0 2em !important; }  
  9. rwp's post in Can I play a different background video for mobile? was marked as the answer   
    @media screen and (max-width:1024px) { [data-section-id="5f5beacf1cb1680c6b76bcb1"] { display: none !important; } } @media screen and (min-width:1025px) { [data-section-id="5f7104719344cd07a2ef3145"] { display: none !important; } }  
  10. rwp's post in Summary Block Title and Excerpt Overlay on Hover was marked as the answer   
    .summary-title a
    you are missing the link element
  11. rwp's post in Redirecting product on product page was marked as the answer   
    I would be to make a product for each one, and hide the add to cart button on the ones you don't sell directly.
    You can then add in a link to the other site, and even make that link look like the add to cart button, have the text be "buy now at ____" or something similar.
    I think that would be the only way to search and categorize them with the other products.
  12. rwp's post in Image changing on hover, not working on all entities was marked as the answer   
    This is easier to do with CSS, use 2 image tags with different classes inside a div.
    <div class="imgSwap"> <img class="img1" src=""> <img class="img2" src=""> </div> .img2 { display: none; } .imgSwap:hover .img1 { display: none; } .imgSwap:hover .img2 { display: inherit; }  
  13. rwp's post in Line break in Image Block title? was marked as the answer   
    .image-title.sqs-dynamic-text p:first-of-type {
        display: block !important;
  14. rwp's post in CSS HELP — Two 50% wide cols with sticky left col was marked as the answer   
    I found it, its the section.
    #best-agency {
        overflow: visible !important;
  15. rwp's post in Can the width of the nav bar be increased? was marked as the answer   
    .header-title-nav-wrapper { flex: 1 0 85% !important; flex-wrap: nowrap !important; } .header-nav { width: 100% !important; flex: 1 1 100% !important; }  
  16. rwp's post in Customize Mobile Burger Icon was marked as the answer   
    .top-bun, .bottom-bun { height: 3px !important; border: 2px solid #ababab; border-radius: 3px; }  
  17. rwp's post in Faking a secondary nav (left and right aligned) was marked as the answer   
    .header-nav-item.header-nav-item--folder:nth-child(2) { display: flex; margin-left: auto; } .header-nav-list { width: 100% !important; }  
  18. rwp's post in Adjusting line high of monospace was marked as the answer   
    #block-yui_3_17_2_1_1589291961612_25700 pre { margin: 0; line-height: 1; display: flex; } #block-yui_3_17_2_1_1589291961612_25700 .sqsrte-small { margin-bottom: 0 !important; }  

  19. rwp's post in Adjust Max Header Width to Match Content was marked as the answer   
    This will fix the width, which should make the width of the header correct as well, because the sections won't be wider than it.
    section.page-section {
        max-width: 1324px;
        margin: auto;
  20. rwp's post in Toggle Button for Content was marked as the answer   
    Disable ajax loading.
  21. rwp's post in Removing Navigation Underline and/or Making Portfolio Page Redirect was marked as the answer   
    .header-nav a { background: none !important; }  
  22. rwp's post in Search & hamburger covered by Header title in Brine template was marked as the answer   
    If you want it all to stay on one line, you can use this to dynamically change the font size.
    .Mobile-bar-branding { font-size: 4.5vw !important; }  
  23. rwp's post in Individual Colors for Links was marked as the answer   
    Set the color of the <a> tag and don't use the markdown short hand.
    <span><a href="/silicon-valley-insured/#myvaluables" style="color: indigo;">My Valuables</a> 💍</span>
  24. rwp's post in Customise CTA button colour on mobile menu 7.1 was marked as the answer   
    Try this
    /*Mobile menu */ .header--menu-open .header-menu .header-menu-bg { background: #1e1e1e !important; } .header--menu-open a { color:#FFF !important; } .header-burger-btn.burger.burger--active .burger-inner.header-menu-icon-doubleLineHamburger { filter: invert(1); } .theme-btn--primary.btn { color: orange !important; border-color: orange !important; } .header-menu-cta { padding-bottom: 15vh !important; }  
  25. rwp's post in Add text to header, 7.1 was marked as the answer   
    @media screen and (min-width:800px) { .header-title-nav-wrapper::before { content: "NEW TEXT \A SECOND LINE"; position: absolute; left: 0; white-space: pre-wrap; } }  
  • Create New...