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

Justen

Circle Member
  • Content Count

    23
  • Joined

  • Last visited

Recent Profile Visitors

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

  1. Site URL: https://www.mikelynchhomes.com/mls-home-search Site psd: LynchPreview I need to insert html for a real estate agent client who has an MLS Search embedded into their site. I create the code block in squarespace just like you normally would, then I paste in the custom html. The code block does not change size so it only shows a small window vertically. (html pasted below). I reached out to Squarespace support and they told me that the code block resizes to whatever code is being dropped in. Then I reached out to the vendor who provided the html for the MLS search/IDX integration and they told me their search will resize to whatever size space you are putting it into. I can change colors and sizes but I can't write code so I'm hoping someone has figured out a solution to this? HTML that I'm dropping in: <iframe src="https://matrix.recolorado.com/Matrix/public/IDX.aspx?idx=aed52ee9" width="100%" height="100%" frameborder="0" marginwidth="0" marginheight="0"></iframe> Thanks in advance!
  2. Hi @tuanphan, just checking to see if you could tell what is causing the error in that code for multiple section ids? I think I had it exactly as you mentioned but for some reason it keeps giving me the error. I tried everything I could think of to troubleshoot on my own but nothing has solved it. Thanks.
  3. Hi @tuanphan, can you tell if there is anything wrong with the code? Unfortunately it's on most pages, but not all.
  4. @tuanphan Almost all, but technically not every page. The blog pages do not have it at the top so it's all the pages except the blog article pages.
  5. Here it is. [data-section-id="5e3bc9210f963716337a1bb2”], [data-section-id="5e22649f6810047965982a25”], [data-section-id="5e1af04c4ea7cf33bb5bca39"], [data-section-id="5e16cc2389782e64aa5a3a50”], [data-section-id="5e1af0c43d0fa72e53dc2bbf"], [data-section-id="5e1d3030b387c1091da2db61"], [data-section-id="5e1d33c3595ea63874d61c7a”], [data-section-id="5e1d348558335752f830f707"], [data-section-id="5e16b4cbabf5593c934d4460"], [data-section-id="5e16b4e05c0f5f1d47c0801d"], [data-section-id="5e16b4f5dc9fd475fcea69df"], [data-section-id="5e1e5120f7c6f25343a289e2"], [data-section-id="5e1599f01508dc7f6dc46fe4"], [data-section-id="5e1e51e1408e262d95827740"], [data-section-id="5e1e51e0408e262d95827616"], [data-section-id="5e96b667be50c65fece7a21f"], [data-section-id="5e96bc3b53790b6f9eeff160"], [data-section-id="5e96bfc08f491f550d46079d"], [data-section-id="5e96c17ad2c16745eb2e37e0"], [data-section-id="5e96c42e40331b0020a1e3ae"], [data-section-id="5e96c430b990fc5b6c542d5e"] .section-background:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10000; background-image: linear-gradient(to bottom,#182043 0%, #182043 7%,transparent 27%); }
  6. Hi @tuanphan, That new code worked well. It sits behind the header and allows me to adjust the values to accomplish exactly what I'm looking for. Thank you! When I just insert it with just the data-section-id for the homepage, it works great. However, when I add in all of the other pages as you outlined above and Save, it tells me that there is a Syntax Error on line 1. Any idea what I'm doing wrong based on the screenshots? There are several section id's so I took a screenshot and scrolled. Thanks.
  7. Hi @tuanphan, I hope you're doing well. I'm sure you are really busy with notifications so I'm just gently calling out this thread. The last piece to getting this site launched is being able to have a gradient that is just behind the top nav instead of the entire header section. I will likely use this for most of my sites. Is there a way to do that? Thank you.
  8. Hi @tuanphan I'm still trying to achieve the desired result of just displaying behind the nav. I'm only needing the gradient transparency behind the top nav but was unable to get the CSSGradient.io 's code to work at all. So, do you have any other ideas on a way to get this to appear either only behind the nav -or- a way to tweak the code you provided that did work over the entire hero image where I can adjust the fade points to accomplish the desired result of just showing behind the nav? Thanks.
  9. @tuanphan I played around with that site and tried to drop in the code but it did not work like the code you shared. I tried inserting it in both places but no luck. The code CSSGradient.io spits out is different than what you shared. Is there any other way to experiment with the code you shared? Particularly with the height of the gradient. Thanks for the help!
  10. Not a problem. Much appreciated.
  11. Hi @tuanphan, I wanted to check in and see how I can control the overall height of the transparent gradient? I would like it to sit behind the top nav, or slightly below the nav but not the entire hero image. Roughly about the height of the pink line in the previous image. If there is a way to control and experiment with it that would be good so I can use it at different sizes on different sites. Thanks.
  12. Ok easy enough on the multiple ID's. What about the overall height? Right now it looks like it's the full height of the image. I need to be able to shorten it to stop before the hero text in the middle. I tried experimenting with the z-index value but that didn't seem to do it. So, if I can shorten it either end or fade to 0 where I have the pink line in the screenshots attached, that will allow me to apply this to all of the other pages and it won't matter the height of the image on the secondary pages and it will be a consistent styling on all the pages. Thanks @tuanphan
  13. And if I want to have that apply to multiple pages on a site, can I insert all of the section ID's separated by comma? @tuanphan
  14. @tuanphan I also noticed that it did not apply to the other pages on the Exterior Restorations site. How can I choose to have it be applied to other pages? For that site in particular, I would want it on every page expect the blog pages I believe. Thanks.
×
×
  • Create New...