SteveBarrett
Circle Member-
Posts
72 -
Joined
-
Last visited
SteveBarrett's Achievements
-
Bhavik started following SteveBarrett
-
SteveBarrett reacted to a post in a topic: Change Button Link in Header for one specific page
-
Stick image to the right of the screen
SteveBarrett replied to SteveBarrett's topic in Customize with code
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. -
Stick image to the right of the screen
SteveBarrett replied to SteveBarrett's topic in Customize with code
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. -
tuanphan reacted to a post in a topic: Stick image to the right of the screen
-
Stick image to the right of the screen
SteveBarrett replied to SteveBarrett's topic in Customize with code
Thanks, Tuan! That worked a treat. -
Stick image to the right of the screen
SteveBarrett replied to SteveBarrett's topic in Customize with code
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 } -
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.
-
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)
-
I used: @media only screen and (max-width: 767px) { section[data-section-id="6374fc7c5a0ed22b244cbaa0"] { padding-top: 7rem; } } However, this is not ideal.
-
No, I used a different solution. Do you know why it was happening?
-
CSS for overlapping text and images
SteveBarrett replied to SteveBarrett's topic in Customize with code
Ya, that's good idea. I'll try that. -
SteveBarrett reacted to a post in a topic: CSS for overlapping text and images
-
CSS for overlapping text and images
SteveBarrett replied to SteveBarrett's topic in Customize with code
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; } -
CSS for overlapping text and images
SteveBarrett replied to SteveBarrett's topic in Customize with code
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. -
CSS for overlapping text and images
SteveBarrett replied to SteveBarrett's topic in Customize with code
I think I got it. Would you have used: #block-83d4a78737ec1c1b2d51 { width: 1200px !important; margin: left } -
SteveBarrett reacted to a post in a topic: CSS for overlapping text and images
-
CSS for overlapping text and images
SteveBarrett replied to SteveBarrett's topic in Customize with code
I'm not sure what that code would be, Ziggy. Do you have by any chance? -
CSS for overlapping text and images
SteveBarrett replied to SteveBarrett's topic in Customize with code
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. -
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.