Jump to content

hannahnowlan

Member
 View Profile  See their activity

  • Posts

    35

  • Joined

  • Last visited

Recent Profile Visitors

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

hannahnowlan's Achievements

Level 4

Level 4 (4/20)

  • Dedicated Contributor Rare
  • Conversation Starter Rare
  • Circle Community Advocate Rare
  • Daily Visitor Rare

Recent Badges

1

Reputation

  1. hannahnowlan
    Hi @tuanphan, Thanks. I have already decreased the newsletter block to as small as it goes, whilst still remaining in a single line (not stacked). I am hoping to change the pre-determined width of each input field text box. See image attached, I have highlighted in yellow lines the spaced areas between the input fields. I would like to reduce this spacing between them, but keep the newsletter box displaying in one line this this (not stacked).
  2. hannahnowlan
    Hi @tuanphan In desktop view, is it possible to reduce the padding between the input/placeholder fields on my newsletter block? Ie. First name, last name, email address all sit closer together, at the moment they feel too far apart. Thanks, Hannah landerse.au
  3. hannahnowlan
    Perfect, thankyou! @tuanphan
  4.    hannahnowlan reacted to a post in a topic: [Share] Accordion Block: Useful code
  5. hannahnowlan
    Hi @tuanphan I am editing the Mobile Footer on my site. I've successfully added some of your code from this thread to centre align the footer on mobile view. I'm still struggling to get the Accordian Title to centre (the description centre aligned is working well). I also can't get the newsletter block input (placeholder) fields to centre align in mobile view. And lastly, the 3 x text blocks at base of footer, I'd like these NOT to be centre aligned, is that possible? URL: landerse.au I have applied this code: @media only screen and (max-width:640px){#footer-sections p {text-align:center !important;}} /* accordion on mobile */ @media screen and (max-width:650px) { span.accordion-item__title { text-align: center !important;} .accordion-item__description * { text-align: center !important;}} @media screen and (max-width:650px) { newsletter-block .newsletter-form-field-element::placeholder { text-align: center !important;}} Thanks for your help, Hannah
  6. hannahnowlan
    Thanks @tuanphan this code works great. Do you have a similar code to target specific footer sections on other pages (not the homepage) transparent too?
  7. hannahnowlan
    Unfortunately, I've also just realised that this footer image is now appearing in all footers? ie. covering the original red homepage footer? Hmmmm, maybe it's just simpler if I stick with the standard red animated image footer for all site pages? What do you think?
  8. hannahnowlan
    Hi @Beyondspace Thankyou! It is working much better now, there are some fine red dividing lines/borders left. Let me know if these could be removed? Also, not even sure if this could be possible but on my homepage, I'm using the footer background image with animation effects, is it possible to mimic these here too?
  9. hannahnowlan
    Red border? I'm also wondering why the scale of the image seems zoomed in/larger in the footer than the original image (below).
  10. hannahnowlan
    Hi @tuanphan Thanks so much, the code is working better now! See screenshot on page landerse.au/gallery are you able to help resolve the section thats still red in colour? Not sure if its possible but on the homepage I am using the background design edits to make the image animated, could that be possible to add to other pages using code? Thanks, Hannah
  11. hannahnowlan
    Hi @tuanphan Password: red
  12. hannahnowlan
  13. hannahnowlan
    Hi again @Beyondspace I've added the following to website css but it doesn't seem to be changing the background. Have I done something incorrectly? Also, it seems to be interfering with some of my other footer custom code. Thanks for you help! //Custom footer background image// section[data-section-id="66015b5d26f89479f48e33b2"] footer .section-background-canvas.background-fx-canvas { visibility: hidden;} section[data-section-id="66015b5d26f89479f48e33b2"] footer .section-background-overlay { background-image: url(https://static1.squarespace.com/static/63fb26284dc33403d8683ef2/t/66022a309154a32f34e8497a/1711417914168/Stone.png); opacity: 1 !important;}
  14. hannahnowlan
    Please disregard this question, figured out the image URL 🙂
  15. hannahnowlan
    Thanks! I'll give it a go now. What's the best way to create an image URL?
  16. hannahnowlan
    Hi @Beyondspace Thanks for your reply. And would I put this code in the website css or page advance code? And, I'm guessing the footer section ID is directing where the code is affecting. So repeat code with different footer section ID to target each different page? Thanks, Hannah
×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources