Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

spotonlynne

Circle Member
  • Posts

    64
  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

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

  1. @tuanphan Hope you are well. You did offer to help me with some other things on this site - see screenprint attached. It would make the site look a lot nicer! Thank you so much. Lynne
  2. Hi @tuanphan The code didn't work - it moved the content inward but left the logo to the left of it. We need to align the logo with the content, the site width is 1280. I'm not sure what to do. Thank you! Lynne
  3. Hi @tuanphan Align the logo with the content, the site width is 1280. Lynne
  4. Hi @tuanphan the new code hasn't worked re the logo. That is still moving and on my iMac is left of the main content. See screenprint. Best regards, Lynne
  5. Hi @tuanphan Yes, I have attached a screenprint of the site now and also one of the graphic designer's layout, so you can see the difference. Thank you! Lynne
  6. Site URL: https://weedwise.squarespace.com Hello. I am trying to use CSS to change the layout of the footer on the mobile version only. As you can see from the attached image of the desktop version, two sections are ranged right, but all sections are supposed to be ranged left on the mobile. Can anyone tell me what is wrong with this code please? I managed to work out the code for not displaying the spacers on the mobile and also for moving the social media icons to the left, but the last block of text is refusing to range left! /* range text left on mobile footer */ @media only screen and (max-width:640px) { #block-yui_3_17_2_1_1629213840697_13069 .sqs-block-content { text-align: left !important; }}
  7. Yes please @tuanphan that would be really helpful. They would look a lot better if they were spaced better. Also, the client has asked with the two coloured menu that you helped me with, if the text within it could line up with the rest of the site. The site width is set at 1280px. Currently the logo moves depending on the width of the device, as does the site main menu. The graphic designer would like the menu to range right but only to 1280px. Is this possible to add to the code that you did in the email trail above? Thank you once again! Lynne
  8. @tuanphan sorry to ask you again, but the client has come back and said they would like the lines below the three snippets of text with the links to sit directly at the bottom of the background behind each text arrow link. I have attached their initial design, so you can see what I am trying to achieve and a screenprint that shows what it looks like at the moment. They also would like to make the whole background a link to another page and not just the text arrow. You can see it on the site: weedwise.squarespace.com (pw: W33dw1s3) Hope that makes sense and that you are able to advise me again. Thank you! Lynne
  9. @tuanphan Thank you so much (again). You are a star 🤩
  10. @tuanphan Yes that is right. Do I need to add in a spacer or three spacers?
  11. @tuanphan sorry this is becoming a hard story for you to follow. But I have now managed to hide the line under the arrow, so the code now reads: /* background arrow colour */ #block-yui_3_17_2_1_1626194606203_133233 .sqs-block-content { background-color: #EDEAE2; padding: 20px; text-align: center; .sqs-block-html a {background-image:none!important;} h1 a, h2 a, h3 a, h4 a, p a {text-decoration: none!important; } } #block-yui_3_17_2_1_1626194606203_175210 .sqs-block-content { background-color: #EDEAE2; padding: 20px; text-align: center; .sqs-block-html a {background-image:none!important;} h1 a, h2 a, h3 a, h4 a, p a {text-decoration: none!important; } } #block-yui_3_17_2_1_1626194606203_201996 .sqs-block-content { background-color: #EDEAE2; padding: 20px; text-align: center; .sqs-block-html a {background-image:none!important;} h1 a, h2 a, h3 a, h4 a, p a {text-decoration: none!important; } } It is just the alignment on a mobile that is the issue now. Thanks for bearing with me. Lynne
  12. Dear @tuanphan ADDENDUM: This is the code I have used so far: /* background arrow colour */ #block-yui_3_17_2_1_1626194606203_133233 .sqs-block-content { background-color: #EDEAE2; padding: 20px; text-align: middle; } #block-yui_3_17_2_1_1626194606203_175210 .sqs-block-content { background-color: #EDEAE2; padding: 20px; text-align: middle; } #block-yui_3_17_2_1_1626194606203_201996 .sqs-block-content { background-color: #EDEAE2; padding: 20px; text-align: middle; } Now, I have an underline under the arrow as it is a link and need to remove it from there only (not other links on the site) and somehow get the text and arrow blocks to become one on a mobile phone. I am learning (slowly)! Lynne
  13. I tried to do it by adding this code: /* background arrow colour */ #block-yui_3_17_2_1_1626194606203_133233 .sqs-block-content { background: background: #EDEAE2; padding: 0px; text-align: middle; } #block-ui_3_17_2_1_1626194606203_175210 .sqs-block-content { background: background: #EDEAE2; padding: 0px; text-align: middle; } #block-yui_3_17_2_1_1626194606203_201996 .sqs-block-content { background: background: #EDEAE2; padding: 0px; text-align: middle; } But nothing has changed - and I guess that would still display the arrow link on the line below in the mobile format? L
  14. @tuanphan I have added one after each text block and before the arrow. Or did you mean just one block?
  15. @tuanphan thank you so very much for all your help. It is much appreciated. I need to learn to code!
×
×
  • Create New...