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

spalal

Member
  • Content Count

    17
  • Joined

  • Last visited

  1. Hi @bangank36, I did use this code above that you gave me, but it still does not solve the problem of the new page — https://www.thehenleygroup.com/covid-news — not resizing like the page that already existed. See the attached file. And see the white space. You'll also see a screenshot of one of the existing pages (https://www.thehenleygroup.com/solutions) for two devices. Do you see the difference in the heights of the banner? The placement of the text? That's important because: There were no problems with the mobile view on the existing pages, like Solutions. They resize fine. Is there a tag I'm missing to put in somewhere on the new page? Isn't there a clue in the CSS I included above to solve this problem? Why would I need to use a lot of CSS to get a new page to resize properly on mobile, when all the other pages do not? Help! (And thank you.)
  2. Hi, I went back and used this: <style> @media screen and (max-width:640px) { .banner-thumbnail-wrapper img { width: 100% !important; height: auto !important; left: 0 !important; } .banner-thumbnail-wrapper .desc-wrapper p { font-size: 27px !important; } } </style> But I still get the view you see in the image on some devices. Any more help you can recommend? Also someone mentioned that my pages that work in mobile are "wrapped in a <strong> tag," which I don't understand. Do you know anything about that?
  3. On my mobile device, I see it just fine, and also on another phone. But someone just sent me a screen capture of their phone and they see what is it in the attached. Any help?
  4. I found this on another thread, and it worked. <style> @media screen and (max-width:640px) { .banner-thumbnail-wrapper img { width: 100% !important; height: auto !important; left: 0 !important; } } </style> But now my font is too big. Any help?
  5. Thank you. I was looking for that everywhere, where to use Page Injection. I used the code, though, and it did not change the height of the image.
  6. The other pages that were already in existence are: https://www.thehenleygroup.com/testimonials https://www.thehenleygroup.com/solutions
  7. If you notice, on the other pages, the banner image shrinks and so does the size of the type. I want the same effect for this new page that was just added. The existing CSS .footer-inner { padding: 0px 32px; } #footerBlocks p { font-size: 13px; } #preFooter { display: none; } .collection-type-index.transparent-header.view-list .index-section:not(:first-of-type) .banner-thumbnail-wrapper, .collection-type-index.transparent-header.collection-type-page .index-section:not(:first-of-type) .banner-thumbnail-wrapper { padding: 20px 0; } #page-5cf539102abda6000194c061 p { font-size: 18px; } body a { text-decoration: underline !important; } a { text-decoration-color: #134a5d !important; } nav a { text-decoration: none !important; } .sqs-block-button-container--center a { text-decoration: none !important; } #intro a { text-decoration: none !important; } #bottom-hero-image a { text-decoration: none !important; } .summary-title a { text-decoration: none !important; } .image-slide-title { font-size: 18px !important; font-weight: 500 !important; color: #134a5d !important; } .summary-thumbnail-container, .summary-title-link {pointer-events: none !important;} #our-mission .desc-wrapper p > strong { font-size: 20px; font-weight: 700; text-align: left; color: #a1bb5c !important; letter-spacing: .03em; } #our-mission .desc-wrapper p { font-size: 18px; text-align: left; letter-spacing: .02em; } .sqs-block-content a, .sqs-block-content a:visited {border: none !important;} .back-to-top-nav{display: none;} .collection-type-index .page-content { max-width: 1020px; margin: 0 auto; padding: 96px 32px 20px 32px; } #page { padding: 32px 32px 20px 32px; } .collection-type-index.transparent-header.view-list .index-section:not(:first-of-type) .banner-thumbnail-wrapper, .collection-type-index.transparent-header.collection-type-page .index-section:not(:first-of-type) .banner-thumbnail-wrapper { padding: 0; } .collection-type-index .page-content { max-width: 1020px; margin: 0 auto; padding: 32px 32px; } .homepage #testimonial .desc-wrapper p > strong{ font-size: 96px; line-height: 1em; } #block-yui_3_17_2_1_1559320967760_20092 { padding-top: 0; } #block-yui_3_17_2_1_1559246057539_3760 { padding-bottom: 0; } .homepage #footerBlocks:not(.empty) { margin-top: 0; } #footer .footer-inner .sqs-block-content.sqs-intrinsic { padding-bottom: 0 !important; } #footer .footer-inner .sqs-layout:not(.sqs-editing)>.sqs-row:first-child>[class*=sqs-col]:first-child>.sqs-block:last-child, #footer .footer-inner.sqs-layout:not(.sqs-editing) .sqs-block+.sqs-row .sqs-block:not(.float):last-child { padding-bottom: 0; } #footer #block-yui_3_17_2_1_1559158104048_14962 .sqs-block-content, #footer #block-yui_3_17_2_1_1572528983610_8771 .sqs-block-content { padding-top: 17px; } .social-icon-alignment-center .sqs-svg-icon--list { text-align: center; } #block-yui_3_17_2_1_1572528983610_10705 .sqs-block-content { padding-bottom: 35px; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) { background: transparent; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(2) { width: 45%; text-align: right; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(3) { width: 10%; text-align: left; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(2) p { font-size: 15px !important; text-decoration: none; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(2) p a { text-decoration: none; } #footer .html-block a, #footer .html-block a:visited { text-decoration: none !important; } .form-wrapper .field-list .field .option { font-size: 18px; } .form-wrapper .field-list .field .option { font-size: 18px; } @media only screen and (max-width: 640px) { .sqs-block[class*=float-right] { float: none; margin-left: 0; } .sqs-layout [class*=sqs-col] { padding-top: 0; padding-bottom: 0; } .sqs-layout:not(.sqs-editing)>.sqs-row:last-child>[class*=sqs-col]:last-child>.sqs-block:last-child { padding-bottom: 0; padding-top: 0; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(2) { text-align: center; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(3) * { padding: 0 !important; margin: 0; } }
  8. But will that apply to only the https://thehenleygroup.com/covid-news page? I don't want to change the settings of all the other pages.
  9. Site URL: https://thehenleygroup.com/covid-news The banner looks fine in desktop, but it is too high on mobile. It needs to match the height of the other pages like this one: https://thehenleygroup.squarespace.com/solutions Using Inspect Elements, I can't figure out how to assign CSS to this. Thanks for your help.
  10. @tuanphan I'm having the same problem. The banner on this page — https://thehenleygroup.com/covid-news — looks fine in desktop, but on mobile it is too long, and doesn't keep to the same size on this page: https://www.thehenleygroup.com/solutions Can you help? What CSS should I use to keep the banner short on https://thehenleygroup.com/covid-news like it is on https://www.thehenleygroup.com/solutions. Thank you!
  11. @bangank36 The code only worked for the mobile version. But not the desktop browser version. Can you help?
  12. Site URL: https://thehenleygroup.com I cannot remove the hyperlink from the pop-up buttons, a seemingly easy problem. Tried these two things, inserting on the last line of the Custom CSS, with no success: .sqs-slice a { text-decoration: none !important; And this: .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].button-layout-style-inline [data-slice-type="buttons"] ul li a, .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].button-layout-style-auto [data-slice-type="buttons"] ul li a, .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].button-layout-style-inline-auto [data-slice-type="buttons"] ul li a { text-decoration: none! important; } This is the current full CSS: .footer-inner { padding: 0px 32px; } #footerBlocks p { font-size: 13px; } #preFooter { display: none; } .collection-type-index.transparent-header.view-list .index-section:not(:first-of-type) .banner-thumbnail-wrapper, .collection-type-index.transparent-header.collection-type-page .index-section:not(:first-of-type) .banner-thumbnail-wrapper { padding: 20px 0; } #page-5cf539102abda6000194c061 p { font-size: 18px; } body a { text-decoration: underline !important; } a { text-decoration-color: #134a5d !important; } nav a { text-decoration: none !important; } .sqs-block-button-container--center a { text-decoration: none !important; } #intro a { text-decoration: none !important; } #bottom-hero-image a { text-decoration: none !important; } .summary-title a { text-decoration: none !important; } .image-slide-title { font-size: 18px !important; font-weight: 500 !important; color: #134a5d !important; } .summary-thumbnail-container, .summary-title-link {pointer-events: none !important;} #our-mission .desc-wrapper p > strong { font-size: 20px; font-weight: 700; text-align: left; color: #a1bb5c !important; letter-spacing: .03em; } #our-mission .desc-wrapper p { font-size: 18px; text-align: left; letter-spacing: .02em; } .sqs-block-content a, .sqs-block-content a:visited {border: none !important;} .back-to-top-nav{display: none;} .collection-type-index .page-content { max-width: 1020px; margin: 0 auto; padding: 96px 32px 20px 32px; } #page { padding: 32px 32px 20px 32px; } .collection-type-index.transparent-header.view-list .index-section:not(:first-of-type) .banner-thumbnail-wrapper, .collection-type-index.transparent-header.collection-type-page .index-section:not(:first-of-type) .banner-thumbnail-wrapper { padding: 0; } .collection-type-index .page-content { max-width: 1020px; margin: 0 auto; padding: 32px 32px; } .homepage #testimonial .desc-wrapper p > strong{ font-size: 96px; line-height: 1em; } #block-yui_3_17_2_1_1559320967760_20092 { padding-top: 0; } #block-yui_3_17_2_1_1559246057539_3760 { padding-bottom: 0; } .homepage #footerBlocks:not(.empty) { margin-top: 0; } #footer .footer-inner .sqs-block-content.sqs-intrinsic { padding-bottom: 0 !important; } #footer .footer-inner .sqs-layout:not(.sqs-editing)>.sqs-row:first-child>[class*=sqs-col]:first-child>.sqs-block:last-child, #footer .footer-inner.sqs-layout:not(.sqs-editing) .sqs-block+.sqs-row .sqs-block:not(.float):last-child { padding-bottom: 0; } #footer #block-yui_3_17_2_1_1559158104048_14962 .sqs-block-content, #footer #block-yui_3_17_2_1_1572528983610_8771 .sqs-block-content { padding-top: 17px; } .social-icon-alignment-center .sqs-svg-icon--list { text-align: center; } #block-yui_3_17_2_1_1572528983610_10705 .sqs-block-content { padding-bottom: 35px; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) { background: transparent; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(2) { width: 45%; text-align: right; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(3) { width: 10%; text-align: left; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(2) p { font-size: 15px !important; text-decoration: none; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(2) p a { text-decoration: none; } #footer .html-block a, #footer .html-block a:visited { text-decoration: none !important; } .form-wrapper .field-list .field .option { font-size: 18px; } .form-wrapper .field-list .field .option { font-size: 18px; } @media only screen and (max-width: 640px) { .sqs-block[class*=float-right] { float: none; margin-left: 0; } .sqs-layout [class*=sqs-col] { padding-top: 0; padding-bottom: 0; } .sqs-layout:not(.sqs-editing)>.sqs-row:last-child>[class*=sqs-col]:last-child>.sqs-block:last-child { padding-bottom: 0; padding-top: 0; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(2) { text-align: center; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(3) * { padding: 0 !important; margin: 0; } } Thanks for any help!
  13. It seems this is the source, so I tried this, and it did not work. .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].button-layout-style-inline [data-slice-type="buttons"] ul li a, .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].button-layout-style-auto [data-slice-type="buttons"] ul li a, .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].button-layout-style-inline-auto [data-slice-type="buttons"] ul li a { text-decoration: none! important; }
  14. Hi @tuanphan, That did not work. Do you have another suggestion? Thanks.
×
×
  • Create New...