Yaraf
Member-
Posts
39 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Yaraf
-
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.
-
https://oryxdentalsoftware.com/homepage-new-1
-
yes please
-
I am on a Business plan, can you help me with it?
-
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?
-
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?
-
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?
-
add cta in mobile header and make logo centered
Yaraf replied to Yaraf's topic in Customize with code
yes, Thank you -
I think I solved it I added .header-actions.header-actions--right a{ padding: 10px; font-size:12px; margin-left:12px; }
-
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; } }
-
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
-
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; } }
-
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; }
-
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
-
https://www.oryxdentalsoftware.com/tablecomparison-final-1
-
Hello, Thank you for your response! I pasted the code into the footer, the toggle worked on mobile but not on desktop, Also how do I make the table (on mobile) go up when the first one is hidden, and remove the white space and vice versa. Thank you
-
Hello, I made a comparison table for desktop view, the table has expandable rows using js. I made another smaller table for mobile and I am willing to hide the first one on mobile, show the second etc.. but when I am inserting the second table on the same page under the main one, the expand functionality stops working. I will share the link privately Thank you
-
Table with fixed header and column +expandable rows
Yaraf replied to Yaraf's topic in Customize with code
This worked thank you!- 2 replies
-
- code
- custom-css
-
(and 1 more)
Tagged with:
-
Site URL: https://www.oryxdentalsoftware.com/tablecomparison-edit Hello, I did a table using htm css an js. The rows in light blue are expandable. When the page first loads it's showing these sections expanded instead of collapsed. How I can make them collapsed when I first visit the page? Also I would like to add an arrow (up/down) for collapse/expand next to the title. Can I make the first 2 columns, the header and the footer fixed (shown in attachment) and make the remaining body part scrollable horizontally? It would be good especially for mobile. Thank you
- 2 replies
-
- code
- custom-css
-
(and 1 more)
Tagged with:
-
Okay, Thank you
-
thank you, I re-did this section and it worked
-
if you click a little bit under "oryxbot" for example in the space between two links squarespace.com will open
-
items under features, I inspected the element and the spacing between two links shows a link to squarespace.com, how do I remove it?
-
Site URL: https://www.oryxdentalsoftware.com/ Hello, I made a mega menu under "features" using this tutorial : https://www.will-myers.com/articles/building-a-mega-menu-in-squarespace-71-free 1-added a section to the footer 2-added a folder to the main nav. 3-Wrote jQuery to move the footer section into the main nav folder. but there is a weird thing happening when I click next or below a menu item it takes me to squarespace.com however there is no link in the added footer section to this url. Thank you
-
Thank you!