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

MariaFY

Circle Member
  • Posts

    58
  • Joined

  • Last visited

Reputation Activity

  1. Like
    MariaFY reacted to tuanphan in Changing logo in header while scrolling down   
    Add to Design > Custom CSS
    /* on scroll header */ header#header.shrink { background: black !important; } header#header.shrink img { filter: brightness(0) invert(1); } header#header.shrink .header-nav-list * { color: white; } header#header.shrink .header-actions * { fill: white; stroke: white; }  
  2. Like
    MariaFY got a reaction from bangank36 in Displaying Pipes, glassware, etc. on SS website   
    Hey everyone,
    I have a client that sells handmade pipes/green business. I'm familiar with the fact that payment processing for these kind of products is nearly impossible with the options offered by Squarespace.
    I'm trying t find out if I can build a brochure site that doesn't have a shop (only contact to buy) option without getting flagged. I couldn't find any reliable info on Squarespace. 
    Thanks a lot for any input on the matter!
  3. Like
    MariaFY got a reaction from creedon in Brine: Change width of index gallery on mobile   
    I think I figured it out, thanks for the help, I appreciate it! @creedon
  4. Like
    MariaFY reacted to creedon in Brine: Change width of index gallery on mobile   
    Add the following to Design > Custom CSS.
    @media screen and ( max-width : 640px ) {   .homepage .sqs-block-gallery {          padding-left : 0 !important;     padding-right : 0 !important;          }   } Let us know how it goes.
  5. Like
    MariaFY got a reaction from bangank36 in Split Sticky Sections   
    Hey there, I'm looking to create a split section with 1 side fixed and 1 side that scrolls as seen on this page: https://www.violahillstudio.com/work Is there any code snipped, or tutorial you guys know to recreate this layout? I'm using Brine! 
  6. Like
    MariaFY reacted to tuanphan in Banner Image Won't Resize for Mobile View   
    Add to Design > Custom CSS
    /* resize home mobile banner */ @media screen and (max-width:640px) { body.homepage .Parallax-item:first-child img { width: 100% !important; height: auto !important; left: 0 !important; } section#new-page-3 { min-height: unset !important; height: 250px; } section#new-page-3 * { font-size: 20px; } div#block-yui_3_17_2_1_1611282973245_7194 { margin-top: 100px; } }  
  7. Like
    MariaFY reacted to tuanphan in Change the Color of a Secondary Navigation Button (Brine)   
    Add to Page Header. Disable Ajax Loading if the code doesn't work.
    <style> .Header-nav--secondary a.Header-nav-item[href="/referrals"] { border: 2px solid green !important; color: violet !important; } </style>  
  8. Like
    MariaFY reacted to tuanphan in How can I decrease the space between the logo and primary and secondary nav?   
    Add to Home > Design > Custom CSS
    .Header-social { width: 150px; }  
  9. Like
    MariaFY reacted to tuanphan in How can I decrease the space between the logo and primary and secondary nav?   
    I see fine here. Can you take a screenshot?
  10. Thanks
    MariaFY got a reaction from IXStudio in "Reveal" Page Transitions   
    Thanks @IXStudio, that did the job. Appreciate your time! 
  11. Like
    MariaFY reacted to IXStudio in "Reveal" Page Transitions   
    Hi
    Use this code in Design -> Custom CSS
    .Loader { position: fixed; top: 0; left: -100%; width: 100%; height: 1440px; z-index: 9999; background-color: transparent; -webkit-transition: background-color .3s ease-out,transform 0s .3s linear; -moz-transition: background-color .3s ease-out,transform 0s .3s linear; -ms-transition: background-color .3s ease-out,transform 0s .3s linear; -o-transition: background-color .3s ease-out,transform 0s .3s linear; transition: background-color .3s ease-out,transform 0s .3s linear; display: none }[data-mercury-loading] .Loader { background-color: rgba(255,255,255,.22); -webkit-transition: transform .3s cubic-bezier(0,0,0,.618); -moz-transition: transform .3s cubic-bezier(0,0,0,.618); -ms-transition: transform .3s cubic-bezier(0,0,0,.618); -o-transition: transform .3s cubic-bezier(0,0,0,.618); transition: transform .3s cubic-bezier(0,0,0,.618); -webkit-transform: translatex(60%); -moz-transform: translatex(60%); -ms-transform: translatex(60%); -o-transform: translatex(60%); transform: translatex(60%) }[data-mercury-loading='done'] .Loader { -webkit-transform: translatex(100%); -moz-transform: translatex(100%); -ms-transform: translatex(100%); -o-transform: translatex(100%); transform: translatex(100%) } .tweak-site-ajax-loading-enable.tweak-site-ajax-loading-bar-show .Loader { display: block } Please use the like button if it helps you!
     
    Best,
    Leopold
  12. Like
    MariaFY reacted to tuanphan in "Reveal" Page Transitions   
    If you inspect element above site, you will see this tag
    If you remove this tag, the effect will disappear ;)
×
×
  • Create New...