Jump to content

SteveBarrett

Circle Member
 View Profile  See their activity

  • Posts

    72

  • Joined

  • Last visited

 Content Type 

Everything posted by SteveBarrett

  1. SteveBarrett
    Thanks, Tuan. This moves the text in slightly, but not enough. Is there any way for the text to follow the same styling as the unaltered text/section below it? See screenshot for reference.
  2. SteveBarrett
    Hi, Tuan. Is there any way for the text on the left to behave normally? As in, for the text not to be affected by this css, only the image. See screenshot of where I would like the text to align, which is the site wide setting.
  3. SteveBarrett
    Thanks, Tuan! That worked a treat.
  4. SteveBarrett
    Thanks for your response, Ziggy, but nothing happens when I add the above code. I then added this code as suggested, but very little happened: section[data-section-id="64d627e2914c341ebfcfc9e3"] { margin-right: 0 !important; padding-right: 0 !important } #block-19a9607b53452bb37a7e { margin-right: 0 !important; padding-right: 0 !important }
  5. SteveBarrett
    Hello everyone, Can you tell me how to align an image to the right-hand side of the screen like the image below. Also, I do not want to use the Fluid editor. Link and Password to the website: https://flounder-dory-chcn.squarespace.com/ 123 Any help is greatly appreciated. Thank you in advance.
  6. SteveBarrett
    Hi, Tuan. That defeats the purpose of what I am trying to do. I want to hide and display certain sections on mobile. The code you said to remove is what I want to hide on screens 766px and lower. The reason being is that the fluid editor has spacing issues on mobile screens, so I used the old editor for screens 766px and lower. See screenshot of the spacing issues between the button and image in the fluid editor on small screen sizes. Also, see screenshot of NO spacing issues between the button and image using the old editor (however, there are spacing issues above the headline, which I was initially trying to solve)
  7. SteveBarrett
    I used: @media only screen and (max-width: 767px) { section[data-section-id="6374fc7c5a0ed22b244cbaa0"] { padding-top: 7rem; } } However, this is not ideal.
  8. SteveBarrett
    No, I used a different solution. Do you know why it was happening?
  9. SteveBarrett
    Ya, that's good idea. I'll try that.
  10. SteveBarrett
    No problem, Ziggy. I achieved it using this code: #block-yui_3_17_2_1_1668524304241_44202 { margin-left: -14rem !important; z-index: 99 !important; } #block-83d4a78737ec1c1b2d51 { z-index: 100 !important; }
  11. SteveBarrett
    I'm sorry, Ziggy, I don't understand. If I move the text block to full width, it will sit either above or below the image (see screenshot), whereas I would like them to sit horizontal to each other.
  12. SteveBarrett
    I think I got it. Would you have used: #block-83d4a78737ec1c1b2d51 { width: 1200px !important; margin: left }
  13. SteveBarrett
    I'm not sure what that code would be, Ziggy. Do you have by any chance?
  14. SteveBarrett
    Hi, Ziggy. Because I want the text and image to sit side by side. Is there a way to do what you suggested while keeping the text and image side by side? Thanks for your help.
  15. SteveBarrett
    Hello everyone, I'm looking for a way to overlap text and an image, whilst keeping the same amount of letters/words per line as the screen gets smaller? The screenshot with the red box highlights how I would like the text to remain while the screen gets smaller The screenshot with the blue box highlights how the text is currently acting while the screen gets smaller, and I would like to change this. Essentially, I'd like the text box to forget about the image and keep moving across it as the screen gets smaller. I have played around with max-width but I can't seem to find the correct solution. What I have managed to achieve is to get the text and image to overlap using z-index, but at 1387px the text box changes to one word per line, like in the screenshot with the blue box, which I would like to avoid. I know you can achieve this using the fluid editor, but that solution causes scaling issues on tablets and mobiles. Anyway, thank you in advance for any and all help. Here is the link to the page: https://semicircle-nectarine-t42g.squarespace.com/ The password is 1234567890. Steve.
  16. SteveBarrett
    Thanks @Beyondspace, that worked a treat. Why 89.6406px? Is it the standard padding that Squarespace use?
  17. SteveBarrett
    Hi everyone. I am trying to hide and reveal certain sections on mobile. I used this code to do so: @media only screen and(min-width:641px) {[mobile-data-section-id]{display:none}} @media only screen and (max-width:640px) {[desktop-data-section-id]{display:none}} However, when I try this with my hero section, the section that I want to reveal on mobile gets placed behind the header on mobile screens. Any idea how to fix this? https://semicircle-nectarine-t42g.squarespace.com/home-copy 1234567890 Thanks in advance. Steve
  18. SteveBarrett
    Hi, Colin. Any Idea why when I use this the top of the section underneath is placed behind the header? https://semicircle-nectarine-t42g.squarespace.com/home-copy Password is 1234567890
  19. SteveBarrett
    Hi everyone, Is there a way to overlap text and an image, whilst keeping the same amount of letters/words per line as the screen gets smaller? See screenshot Essentially, the text box would forget about the image and keep moving across it. I have played around with max-width but I can't seem to find the correct solution. What I have managed to achieve is to get the text and image to overlap using z-index, but at 1387px the text box changes to one word per line, which I would like to avoid. I know you can achieve this using the fluid editor, but I am trying to avoid this because of scaling issues on tablets and mobiles. Anyway, thank you in advance for any and all help. Here is the link to the page: https://semicircle-nectarine-t42g.squarespace.com/ The password is 1234567890. Steve.
  20. SteveBarrett
    Thank you again.
  21. SteveBarrett
    Yes, Tuan. Thanks!
  22. SteveBarrett
    Yes, I did.
  23. SteveBarrett
    And finally, Joseph, is there a way to achieve the same affect with the screenshot below? https://www.jumpfront.ie/
  24. SteveBarrett
    Do you want me to upvote your first correct answer as well, Joseph?
  25. SteveBarrett
    Thank you for your help, too, @Ziggy. I really appreciate it.
×
×
  • 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