Jump to content

Inkdave

Member
  • Posts

    52
  • Joined

  • Last visited

Everything posted by Inkdave

  1. @Ziggy landscape view looks awful on my website. I've seen many sites that disable this view. When user turns phone it reveals message with instructions to" Please rotate your phone". Are you sure this definitely not possible if built using SquareSpace? As you can't properly control this layout it should be....Same goes with needing a design for tablet. Madness this doesn't exist.
  2. Hi All I'm really struggling with styling the Newsletter Block and would appreciate any help! I would like to: — increase space between email field and 'sign up' button — NOT allow the block to stack unless it's viewed on mobile . So when browser is scaled is remains as shown until mobile break point: — stop message from appearing if button is clicked without email address. The reason being is knocks it out of alignment with 'Sign up' button (see images). — button should roll over white and text black when hovered over. Many thanks in advance for any help. PW: Studi0Y0ung!
  3. Example of scaling browser awfulness:
  4. Hi All, Apologies if this is a really dumb question. But I would like to turn off text wrapping and button scaling, so that when browser is scaled the text size remains as I have defined it and it remains locked until it hits mobile size! So if you look at the first intro paragraph on my website, I don't want this text to wrap onto different lines as the browser is scaled. It would be fine if it simply scaled as whole paragraph but importantly the line length must remain constant. I hope that make sense... And the same goes for elements such as buttons. I don't want these to wrap and scale. I want to define a button size and then prevent it from scaling as it looks awful when it does so. I would like just to define a desktop size and mobile size. That's it. Is this possible? Any help would be great appreciated. PW: Studi0Y0ung!
  5. @paul2009Amazing code Paul. I'm trying to adapt for my needs without any luck, wonder if you can help? I need to change time zone to London,UK. Tried "en-GB" but that doesn't seem to work. Also if possible would like to format so it's split across two lines as below: We're open for business. 10am-6pm, GMT Sorry, closed for business. We open 10am, GMT. Many thanks in advance.
  6. Hey @Lesum thanks that gives me some control for sure. However can you just set it so they don't scale at all? Or define set size for desktop and mobile? thanks
  7. Hi All Is there a line of code that stops buttons from scaling below a minimum size, or indeed scaling over a maximum size? Thanks
  8. Hi @paul2009 I notice this post is from a couple of years ago and I'm looking to do the same thing. Is this plugin still valid or it's there something more to date in 2024. thanks Dave
  9. Thanks. What if you want to keep standard icon as it is and simply move the position of that to top of accordion?
  10. @Ziggy is there a way to change position of Icon, so it aligns to top of container? Thanks Dave
  11. @Ziggy Thanks for reply. I think that is the right approach however, Safari seems to have a break down when switching from sticky to static scroll. It works when scrolling to bottom of webpage, however when you scroll back it breaks and background of static scrolling sections disappear. Please see photos to illustrate the overlapping of elements. Is there a way to fix this issue? Many thanks
  12. Hi @Ziggy if you use something like this, is there an extra piece code that will ensure overflow text from dropdown buttons is accommodated for? At present I have an issue where the content in each section ends up being un-readable as it is cropped by the sticky sections as the user scrolls. Hope that makes sense. Thanks
  13. Hi All I'm trying to use sticky sections on a website but experiencing issues and would welcome some help! My sections will vary in height and include different types of information. Some sections will include drop downs and so only reveal information when clicked upon. (See attached image, ***I have just stuck a dummy site up to illustrate problem: https://hypersphere-lime-gcj5.squarespace.com/) I'm finding that at smaller browser sizes, say what you would view on 15inch laptop...the content of each section becomes cropped so the user is unable to actually read all the content of that section. So for example the expansion of a set of drop down questions might not be readable because when the user scrolls the next sticky section slides over that content. My question is: Is there a way to stop this from happening? Can code be added to ensure each section can also be viewed when scrolling? I hope this makes sense, I apologise in advance for ramblings. Many thanks P.S I think it might be something like the below but unsure, tried to use and seems to have no effect. div# 3 .span-5 { position: sticky; position: -webkit-sticky; top: 0; z-index: 9999; } section, article, #page, body { overflow: visible !important; }
  14. Hey @tuanphan This sort of works thanks. You still see it for a fraction of second after you click the play button... but it's better then what is was! Also overall effect of this code is that pause button is now permanently removed. So the user needs to guess they need to click to pause video. Is there any other solution for this? Feels like it must be a really common problem. thanks
  15. Legend thanks so much. You will see I have this animation wiggle on buttons, this unfortunately is applied universally. Is there CSS I can use to disable on "More: button? Thanks Again
  16. Hey @Lesum Thanks for the reply. Disable hover works perfectly thanks! However button scaling doesn't work. If I adjust max width it just makes the button shorter. But it still scales... Any other ideas?
  17. Hi All How can you disable hover effect on buttons? At the present it fills in black and looks terrible. I would like it to do nothing. The cursor change to a hand is enough. Secondly is there a way to set a maximum size for buttons? Again currently if I scale browser on a large screen the buttons end up huge! Any help greatly appreciated site: www.studioyoung.com
  18. @tuanphan I ended up removing from all pages except Contact. You will see after after active hover line animates back in white. Which is frustrating. Any ideas? Thanks
  19. Hi All thanks for suggestions. @tuanphan using this code but it just changes background colour from black to my light grey. So the bar is still there, however I prefer this to the black that was appearing. I think... @LoftyDevscode doesn't seem to have any effect? Bar still remains when scrolling desktop in Chrome. @karan thanks for feedback. I would love to stop this problem from happening if possible so appreciate any further suggestions. Cheers
  20. Hi All Wonder if anyone can help me with this annoying glitch. When scrolling on desktop, if you scroll up you see this back background / bar appear and disappear. Is there anyway to stop this from happening so content at top of page remains fixed in position? See image attached and site: https://studioyoung.com/contact Many thanks in advance
  21. Yeh sure https://studioyoung.com/projects
  22. Hey thanks Tuanphan, it does work but when line animates back it turns white again. How do I fix? Thanks Again
  23. Hi all This is is driving me crazy so would appreciate help. When viewing my site on desktop: I click to play a video and the video starts playing. If I move my mouse at all after this initial click to play, the pause button immediately appears! Which is annoying as it get's in the way of the playing video. Is there a way to disable this feature? Any help greatly appreciated.
  24. Update Ok so I figured out this can be achieved through adding description to video... Never thought of looking here! Cheers
  25. As you can see in my "about' page navigation, when rolling over items in header they underline in white. This is fine on pages that have a dark/back ground but doesn't work on this page. Can anyone help me turn this to black on this page only? Line animation is via spark plugin. https://studioyoung.com/about Cheers
×
×
  • 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.