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

gm284

Member
  • Content Count

    9
  • Joined

  • Last visited

Recent Profile Visitors

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

  1. I've got a one-page website, but obviously each section has its own url slug. This isn't a problem by itself, but when a user goes directly to one of those section URLs (www.gabrielmolinamusic.com/services , for example), they are taken to a separate page with only that section. Instead, I want the URL to take them to the anchor point for that section on the homepage, so they can still scroll up or down to see the rest of the page. I hope that makes sense. My website is www.gabrielmolinamusic.com , and you can see the problem by going to the slug /services or /works for a couple of examples. Squarespace support had no answer other than blocking those pages with a password, but I was hoping there is a way to accomplish my goal with custom code. Any help is appreciated. Thanks!
  2. @tuanphan It actually looks like I just fixed it! I just removed a small bit of code from the editor. To customize the "Testimonials" text, I used code blocks on the page rather than in the CSS editor, and now everything else seems to be working. Weird glitch.
  3. @tuanphan here you go https://www.loom.com/share/b53fb0f7699a4dbc9ea91f4b270570cb
  4. @tuanphanHere is a screen recording to show you what I'm talking about. The changes don't load until I open the editor. Screen Recording.mov
  5. Thank you for your help. I made the changes you mentioned, but nothing is any different. Like I said before, all the code works. It displays correctly when the editor is open. But it still doesn't work on the live site.
  6. Here's the site url: https://saffron-coral-f9p3.squarespace.com/ The password is my username, gm284. Among other things, you will see that there is a lot of space under the scroll down arrows, which is fixed in my code. As mentioned before, these changes are shown to work in the editor, but not on the live site. Here is a list of all the changes made in my code: reduced padding at the bottom of each page section (different values for desktop and for mobile) removed padding at the bottom of each instance of the down arrow used padding to space the text on "Testimonials" as desired (spacer blocks wouldn't let me get them right) changed all image sizes for mobile changed down arrow sizes for mobile Here is all my CSS code: ///index padding//// @media screen and (min-width: 768px) { .collection-type-index .content-inner.has-content { margin-bottom: -110px !important; } } @media screen and (max-width: 640px) { .collection-type-index .content-inner.has-content { margin-bottom: -40px !important; } } ///arrows/// #block-yui_3_17_2_1_1571184723988_37999 {padding-bottom: 0; } #block-yui_3_17_2_1_1571241501582_25682 {padding-bottom: 0; } #block-yui_3_17_2_1_1571241501582_83733 {padding-bottom: 0; } #block-yui_3_17_2_1_1571241501582_104114 {padding-bottom: 0; } #block-yui_3_17_2_1_1571241501582_122935 {padding-bottom: 0; } ///testimonials text/// #block-yui_3_17_2_1_1571247031992_53176 {padding-left: 10%} #block-yui_3_17_2_1_1571247031992_97845 {padding-right: 10%} #block-yui_3_17_2_1_1571247031992_100389 {padding-right: 10%} @media screen and (max-width: 640px); #block-yui_3_17_2_1_1571247031992_97845 {padding-right: 5%; padding-left: 10%} @media screen and (max-width: 640px); #block-yui_3_17_2_1_1571247031992_55702 {padding-right: 10%} /* CSS FOR TABLET AND MOBILE */ @mobile: ~"only screen and (max-width: 640px)"; @tablet: ~"only screen and (min-width: 641px) and (max-width: 949px)"; /* CSS FOR TABLET */ @media @tablet { /* Insert Code for Tablet Below This Line*/ /* Insert Code for Tablet Above This Line */ } /* CSS FOR MOBILE */ @media @mobile { /* Insert Code for Mobile Below This Line*/ .sqs-block-image { width: 60% !important; margin: 0 auto; } #block-yui_3_17_2_1_1571184723988_37999 { width: 20% !important; margin: 0 auto; } #block-yui_3_17_2_1_1571241501582_25682 { width: 20% !important; margin: 0 auto; } #block-yui_3_17_2_1_1571241501582_83733 { width: 20% !important; margin: 0 auto; } #block-yui_3_17_2_1_1571241501582_104114 { width: 20% !important; margin: 0 auto; } #block-yui_3_17_2_1_1571241501582_122935 { width: 20% !important; margin: 0 auto; } /* Insert Code for Mobile Above This Line */ }
  7. Hey, so I've got quite a bit of custom CSS code in my website (though it is all fairly simple), and all the code works exactly as I planned it to. However, I have this strange issue: when I first load the website, none of the CSS changes are visible, it's as if there is no custom CSS whatsoever. But as soon as I open the CSS editor, all of the correct changes pop up. I haven't made my site live yet, and I'm worried that if I do, none of those changes will display (my worries seem to be valid because when I open the mobile version on my phone, the CSS changes don't show up). In which case I would be wasting money on a website that doesn't work as desired. Anyone else having this issue? Anyone found a solution? I'm on a Pacific template, btw.
×
×
  • Create New...