Jump to content

Yaraf

Member
  • Posts

    39
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Yaraf's Achievements

  1. Site URL: https://www.oryxdentalsoftware.com/ Hello, I am trying to align these 2 blocks. the first one is a carousel but with one item per row, the second one is a list with no images. I want to make the image smaller so the height matches the second block, or increase the height of the second one. Thank you It's at the bottom of the homepage.
  2. https://oryxdentalsoftware.com/homepage-new-1
  3. I am on a Business plan, can you help me with it?
  4. Site URL: https://www.oryxdentalsoftware.com/new-page-2-1 Hello, I used the code of this masonry gallery from code pen and it's good: https://codepen.io/marcobiedermann/pen/vYYyVzK But I want to animate each picture to fade and show another picture under it after a delay. Similar to this website: https://www.hellotend.com/ (section 5) I inspected the code & I think they overlapped 2 images inside each cell and it fades to show the one under it? Can someone help me with editing the code Block to overlay the images and animate it in js?
  5. Hello, The search function is not working. It doesn't show results even if the word exists. This is very bad and cost businesses potential clients that might exit the website. Is there any fix?
  6. Site URL: https://www.oryxdentalsoftware.com/ Hello, The search function is not working. It doesn't show results even if the word exists. This is very bad and cost businesses potential clients that might exit the website. Is there any fix?
  7. I think I solved it I added .header-actions.header-actions--right a{ padding: 10px; font-size:12px; margin-left:12px; }
  8. I found this code for the right order but I can't make the button smaller @media screen and (max-width:767px) { .header-burger.no-actions { order: 1 !important; } .header-title-nav-wrapper { order: 2; } .header-actions.header-actions--right { order: 3; } /* show button */ .header-actions { display: block !important; } .header .header-actions-action--cta { display: block; width: 10%; } /* logo width */ .header-title-nav-wrapper { flex: 50% !important; } }
  9. Site URL: https://www.oryxdentalsoftware.com/ Hello, I have this code to add a CTA to the mobile header this makes the cta it in the middle, but how I can make the elements in this order: Burger-menu icon > logo (centered) > CTA ? And make the cta smaller? /* Show button on mobile menu*/ @media screen and (max-width:1024px) { /* show button */ .header-actions { display: block !important; } .header .header-actions-action--cta { display: block; width: 10% !important; } /* logo width */ .header-title-nav-wrapper { flex: 50% !important; } } Thank you
  10. Hello, Actually I changed my mind, I will add it to the mobile header, I have the code to add it in the middle, but how I can make the elements in this order: Burger-menu icon > logo (centered) > CTA ? And make the cta smaller? /* Show button on mobile menu*/ @media screen and (max-width:1024px) { /* show button */ .header-actions { display: block !important; } .header .header-actions-action--cta { display: block; width: 10% !important; } /* logo width */ .header-title-nav-wrapper { flex: 50% !important; } }
  11. Site URL: https://www.oryxdentalsoftware.com/ Hello, I created a fixed side button using a markdown block and added this css, How I can make it appear after scrolling to half of the page for example? Thanks //floatbutton @media screen and (min-width:780px){ #block-yui_3_17_2_1_1636542167286_21969{ display:none;} } #collection-615d61d5e2d9b308d84cac49 .sqs-block-markdown .sqs-block-content *:first-child{display:none;} .kl-float { position: fixed; opacity: .9; top: calc(30%); right: 0; z-index: 20000; background-color: #03327c; white-space: nowrap; text-align: center !important; border-radius: 0px; height: 28px; font-weight: bold; font-size: 18px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin: bottom right; }
  12. Hello, the spacing worked, but I am still having an issue with the toggle of the table on desktop view, it's not working. However the mobile version works on this page + the same code for the desktop version works on another page where there isn't 2 tables. Thank you
  13. https://www.oryxdentalsoftware.com/tablecomparison-final-1
×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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