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

michael2019

Circle Member
  • Posts

    33
  • Joined

  • Last visited

Reputation Activity

  1. Like
    michael2019 reacted to bangank36 in reverse image and text blocks on mobile   
    try
    @media only screen and (max-width: 640px) { section[data-section-id="60dccd4acef81b5695c198c4"] .span-4 .sqs-block-image { order: 1; } }
  2. Like
    michael2019 got a reaction from bangank36 in reverse image and text blocks on mobile   
    Site URL: https://marigold-lime-snme.squarespace.com/
    Hi, I am trying to flip the order of the image and text block in one of my columns on mobile. The current order is - text, image, image, text, text, image. On desktop this would be the middle column I am looking to change for mobile. I would like the order to be text, image, text, image, text, image.  I have seen some answers in the forum but have had no luck making it work. Website details are below.
    https://marigold-lime-snme.squarespace.com/
    PW: YpSfs5^w
    Thank you.
  3. Like
    michael2019 reacted to tuanphan in Adding a custom icon (phone/ email) before text   
    FA5 has put some free icons in FA4 into paid icons
  4. Like
    michael2019 reacted to tuanphan in Adding a custom icon (phone/ email) before text   
    They have released version 6. I like using ver 4.7.
    FA 5.
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous"> FA5 - 4 use different syntax for icons. You can find ver 5. phone & email icons syntax here. https://fontawesome.com/icons
    with font-family, FA5 use "Font Awesome 5 Free" or "Font Awesome 5 Brand" or "Font Awesome 5 Brands" or "Font Awesome 5 Pro"
     
  5. Like
    michael2019 reacted to tuanphan in Adding a custom icon (phone/ email) before text   
    Add to Design > Custom CSS
    div#block-f4ffb10b444f9c603fa1 p:nth-child(4):before { content: "\f095"; font-family: FontAwesome; padding-right: 5px; } div#block-f4ffb10b444f9c603fa1 p:nth-child(5):before { content: "\f0e0"; font-family: 'FontAwesome'; padding-right: 5px; }
    Reference
    https://fontawesome.com/v4.7.0/icon/envelope https://fontawesome.com/v4.7.0/icon/phone
  6. Like
    michael2019 reacted to tuanphan in Adding a custom icon (phone/ email) before text   
    Step 1. Add this code to Code Injection > header
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> Step 2. Let me know when you inserted, we can check code to add email/phone icons.
  7. Like
    michael2019 reacted to bangank36 in Move Video Background down   
    I saw black where the video is, but you can try this
    section[data-section-id="INSERT ID NUMBER"] .section-background .sqs-video-background { top: 100px; }  
  8. Like
    michael2019 got a reaction from bangank36 in Move Video Background down   
    Site URL: https://midtowntorontotherapy.squarespace.com
    I would like to shift my video background down so I can see more of the top. I was able to do with a previous site for an image background using the following code: 
    section[data-section-id="INSERT ID NUMBER"] .section-background img {
    object-position: 0% 170px !important;}
    Is there an equivalent for video backgrounds?
    Page Info:
    URL: https://midtowntorontotherapy.squarespace.com/
    PW: 2MeD#uA5
    Thank you.
  9. Like
    michael2019 got a reaction from bangank36 in Shrink Logo After Scrolling down   
    Site URL: https://beyoubetruecounselling.squarespace.com/
    Hi, I was able to use a CSS code that makes my logo shrink when I scroll, but my issue is I would like to delay the effect when I scroll down about halfway through the top banner. The effect would be the opposite for when I scroll up about halfway through the top banner the logo would go to the original size.
    Current Code:
    //---shrink top logo---
    #header .header-title-logo img {
      transition: max-height 300ms ease-in-out}
    #header.shrink {.header-announcement-bar-wrapper{padding-top: 20px !important; padding-bottom: 20px !important;} .header-title-logo img {max-height: 50px;}}
    Website below:
    URL: https://beyoubetruecounselling.squarespace.com
    PW: 5N8bn#T&
    Thank you.
  10. Like
    michael2019 got a reaction from bangank36 in Navigation changes to two lines when the screen gets smaller   
    Site URL: https://tarantula-quillfish-w6xe.squarespace.com/
    The navigation in the header moves to two lines even though there is room on the page when the page gets smaller. How do I increase the padding so it stays on one line longer?
    URL: https://tarantula-quillfish-w6xe.squarespace.com/
    PW: !GCet0@E#8
    Thanks.

  11. Like
    michael2019 got a reaction from bangank36 in How to place "*indicates required field" at the bottom of the contact field   
    Thank you. I guess you can't add custom text to a contact from. 
    This was very helpful. 
  12. Love
    michael2019 got a reaction from bangank36 in Scroll to top button fade in   
    That did it. It looks great. Couldn't figure it out.
    Thank you so much.
     
  13. Love
    michael2019 got a reaction from bangank36 in how to move the top image banner image down   
    it worked thank you so much.
  14. Love
    michael2019 got a reaction from bangank36 in Navigation changes to two lines when the screen gets smaller   
    That did it. Thank you.
×
×
  • Create New...