Jump to content

AprilHardy87

Circle Member
  • Posts

    19
  • Joined

  • Last visited

Everything posted by AprilHardy87

  1. Hey guys! hoping to see if you help - the black 'nav' heading is actually a section, trying to make it sticky with the below code, but not working 😞 Keep in mind I have some custom code above it to give the stick text, slider effect //HORIZONTAL STICKY NAVIGATION section[data-section-id="656bb79230b8724ed00d787a"] { min-height: 0 !important; position: sticky !important; -webkit-position: sticky !important; top: 0; z-index: 99999 !important; } section[data-section-id="656bb79230b8724ed00d787a"] .content-wrapper { padding-top: 0px !important; padding-bottom: 0px !important; margin-bottom: 0px !important; z-index: 99999 !important; } section[data-section-id="656bb79230b8724ed00d787a"] .html-block { padding-bottom: 0px !important; text-align: center; z-index: 99999 !important; } section[data-section-id="656bb79230b8724ed00d787a"] .html-block p { display: inline-block; margin: 0 20px; z-index: 99999 !important; } @media only screen and (max-width: 1024px) { section[data-section-id="656bb79230b8724ed00d787a"]{display:none;} }
  2. Legendary!! Do you also know if there is a way to stop the site from completely reloading when clicking on these arhive links (that then go through to each category?)
  3. Hey guys! Hoping to have the archive list centred on desktop - I have tried with CSS but cant seem to find the right flex/grid etc. https://www.byapril.co/projects Have added a mock up below 🙂 thank you!!
  4. Hey guys! Does anyone have a work around for making the background of the banners images opaque with black background, I have tried: background: black; opacity:50%; but these don't see to work, any help would be amaze! (this code is supplied via Will Myers in a free tutorial, the code is added on the page and it pulls the colour styling from the page, but I dont really want to have an entirely black page, just so my banner looks ok)
  5. I am trying to achieve a similar effect with text in the background staying static as the section scrolls - https://tonicsiteshop.com/ Any help would be appreciated 🙂
  6. Just launched this site (under both .com and .com.au) I have since submitted to Search Console but in the meantime this search listing has popped up (that the client has noticed and questioned) Any help would be greatly appreciated :)
  7. Hey @paul2009 I have followed along with this tutorial on this page: https://www.byapril.co/about it was working, but in the last few weeks SS has changed and now this seems to not work (the overlap is hidden behind the section below) Ive also noticed a couple of sites I was using for inspo have since experienced the same thing - do you have any way via css to tell one section to site over the other?
  8. Hey guys! Im a seasoned Graphic Designer ( and no, not with paprika😛) and had moved from Flodesk to SS Marketing, because, costs. So I am setting up a few campaigns to go out now, and the image quality sucks so bad! I have tried sticking to SS's recommended 750px wide rule - still sucks. I have tried JPEG/PNG versions in both 750px and 1500px wide sizing - still sucks. Any suggestions or recoms? Honestly this is a dealbreaker for me as I apply my unique branding into these assets so my emails look 'me' .. halp!
  9. Hey Paul! Yes Ive only just come across the updates that are happening, I'm looking forward to these, hopefully SS have ironed out some of the kinks (order pending) etc 🙂 Cheers
  10. Hey guys, for the life of me I cannot figure out how to change (via css) the 'Download' text in an order confirmation - I just want to center align and change font, but I can see the only identifer is #text and Im not sure how to then add that as css for this page?
  11. Hey guys! I am about to add in some digital products into my site, and I am wanting to create a custom product page - If I could give an example it would be: https://www.wildflowerdesignco.co.uk/brand-strategy-guide in terms of the seperate sections (my design will be considerably different for obvious reasons as its a similar product I am selling). Two questions: Is it possible to create a custom product page just like any other page, but link it as a product page (in terms of having the shop landing page, and those 'products' inside of collections, linking through to these custom pages) and then how do I add a - add to cart - button inside this custom page? Thankyou! I have searched as best I can but a lot is just customising the basic features of the included product page styling SS uses, but I think I need additional sections 🙂
  12. Hi Tuanphan! www.byapril.co at the minute for this element I have turned off the CSS that has it scroll with the page just as an FYI 🙂
  13. Hey guys! I have added in a rotating logo into the home page (1st section) as you can see, I really only want it to show until it hits section [data-section-id="63c34a24835aab7f4dbded6a"] (third section down) and not show again for the entire page. Is there a way I can target my CSS for this rotating image? Here is the css for the rotation(Who I kindly got from https://www.youtube.com/watch?v=_s3Po1IJm8Q: #block-yui_3_17_2_1_1674080794048_5699 { width:10vw; z-index: 10; position: fixed; top:32%; right: 6%; bottom: 1%; padding: 0; } @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1674080794048_5699{ display:none !important; } } thank you!
  14. Hi @tuanphan 🙂 I am wondering how you may have ended up with this request? I too am hoping for a left and right aligned vertical menu, see attached screenshot - Id love to know how I could achieve this look, thank you! 🙂
  15. Hey Creedon! YEs kinda! I am hoping to style just the subscript though, to be smaller, so around 12px. I cant seem to separate the styling I have already applied to headings 🥲
  16. Hey guys! Hoping you can help, I have a section with Markdown Items which has the 'hover on text and image appears' effect. I have followed a tute which creates the Div Class inside the Markdown Area, and then style and add animation effects to that Class... What I am wanting to do is add 01,02 etc as superscript next to the wording, but I cannot for the life of me figure it out (and im a bit of a css newb) so hoping you can help. site: https://byaprilco22.squarespace.com/ (p/w: demo) thank you!
×
×
  • 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.