Jump to content

SalmaMaged

Member
  • Posts

    12
  • Joined

  • Last visited

Recent Profile Visitors

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

SalmaMaged's Achievements

  1. Is there a way to add text overlay on a banner of an event item page? The banner is automatically generated from the image I add while creating the event, but there is no way to edit the banner of an individual event item page and add text like there is for main pages. Can this be achieved through custom CSS? It would be great if anyone can please advise on this. Thank you! URL: https://www.riseegypt.org/shared-calendar/2024/10th-anniversary-10-cities-washington-dc
  2. Perfect! Thanks a million, @tuanphan, I truly appreciate your help.
  3. Thank you so much, @tuanphan. It all seems to be perfectly working now except for one issue - for some reason, I can't change the text alignment in this section (screenshot below). If you can please help me with this one as well. Thanks a lot!
  4. Yes, for the Our Journey page (https://www.leep4impact.org/our-journey). There are five sections on the page (from 2017 to 2021). What I was trying is to apply the code you have provided to swap the image and text blocks and change text alignment on mobile for the 2021 section on other sections. I tried changing the block id and replicating the rest of the code but that didn't seem to work.
  5. Hey @tuanphan, Hope you had a great weekend! I wonder if you had a chance to look at my reply. Thanks a lot!
  6. Hey @tuanphan, I need to replicate the code you have provided to swap the image and text blocks and change the text alignment to edit the other sections of the entire page. I tried changing the block id to match the other sections, but it doesn't seem to work. The code works perfectly for the specific sections you did the code for, so clearly, I'm doing something wrong that I don't know what it is For example, to swap the image and text blocks in the section referred to by the first screenshot, I used this code which didn't work: @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1636914209941_9889+.row .span-12>.row { display: flex; flex-direction: column-reverse; } } And to switch the text alignment in the section referred to by the second screenshot, I used this code which didn't work: @media screen and (max-width:640px) { div#block-8e48b8ed37a660909299+.row .span-4 * { text-align: center !important; } } Based on what you see, can you please advise on what is it that I'm doing wrong while replicating the code?
  7. Thanks a lot, @tuanphan. The code worked very well. Thanks again for your help - it is highly appreciated!
  8. Thank you so much, @tuanphan. The code worked! And you're right, the text alignment needs to be changed on mobile as well. I also wonder if you have an idea for how to make the text block break the green timeline in the background on mobile so it doesn't pass through the text and make it hard to read.
  9. @tuanphan, thank you so much! The code worked like magic. The second screenshot refers to the Our Journey page (https://www.leep4impact.org/our-journey) Thanks a lot!
  10. Site URL: https://www.leep4impact.org Site URL: leep4impact.org Hello! We need to edit the mobile layout of our website, so the arrangement of text and image blocks make sense the same way they do on desktop. On desktop, text and image blocks are alternating being on the right side and the left side of the page every section in specific pages (see attached screenshots). However, for mobile, we want the layout to always be image first and text below it or vice versa. Can anyone please advise on the required CSS to do this. Thank you!
  11. yes, exactly. But I just realized I had linked a wrong page name! So when i fixed that it worked. Thank you very much!!
  12. So I tried your first code and it worked but for the whole website. I'd like to do it only between the sections of this page https://www.leep4impact.org/partners-2. I tried putting a rule before the code (i.e #name of page followed by your code and 2x this symbol '}}' at the end because it said it was missing) But then nothing happened.
×
×
  • 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.