Dee12 Posted June 10, 2020 Posted June 10, 2020 Hello! I'm having trouble trying to make an image on my homepage full width. It's not a image block, it's in a section by itself. I managed to make the image full width on mobile and iPads, but for some reason the code I'm using isn't making the image full width on the desktop/laptop view. Can someone help me please ? I'm currently using the "full width image card" plugin from ghost plugins: // Full Width Image Card // [data-section-id="5edbff601cb53938995dcae9"] { overflow-x: hidden !important; overflow-y:hidden !important; } [data-section-id="5edbff601cb53938995dcae9"] { .content-wrapper { padding: 0px !important; margin: 0px auto; display: contents; } .sqs-layout .sqs-row .sqs-block { padding-bottom: 0px !important; padding-top: 0px !important; } .image-card-wrapper .sqs-dynamic-text-container { padding: 40px !important; } } .sqs-block.custom-items-search:hover { color:#dea2c5 !important; border: 1px solid #dea2c5 !important; } site: www.uniquelydolledwigs.com first picture on my homepage
tuanphan Posted June 14, 2020 Posted June 14, 2020 It seems you solved? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Dee12 Posted June 19, 2020 Author Posted June 19, 2020 No, I haven't been able to solve this yet. There's still white space on both sides of the picture when you view my site on a computer. Do you have any suggestions?
tuanphan Posted June 22, 2020 Posted June 22, 2020 On 6/19/2020 at 8:01 AM, Dee12 said: No, I haven't been able to solve this yet. There's still white space on both sides of the picture when you view my site on a computer. Do you have any suggestions? Hi. Sorry for the delay. Can you take screenshot the images? I can check code easier. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Dee12 Posted June 22, 2020 Author Posted June 22, 2020 Hey! It’s the first picture on my home page. website: www.uniquelydolledwigs.com
tuanphan Posted June 23, 2020 Posted June 23, 2020 16 hours ago, Dee12 said: Hey! It’s the first picture on my home page. website: www.uniquelydolledwigs.com You mean Your own wig images? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Dee12 Posted June 23, 2020 Author Posted June 23, 2020 @tuanphan I’ve attached the image. It looks fine on mobile but on desktop there’s still space on the sides of the image (it’s not full width).
tuanphan Posted June 25, 2020 Posted June 25, 2020 Add to Home > Design > Custom CSS [data-section-id="5ee3173f87a301684ca284e3"] .image-block figure { max-width: 100% !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
tuanphan Posted March 9, 2021 Posted March 9, 2021 On 3/4/2021 at 10:42 PM, JujuG said: Hi @tuanphan I'm having the same issue and cannot figure out how to fix it. Tried implementing the custom code above, but doesn't seam to work. I want to portray the image below in full width - so that it spans across 100% of my page's width Since I will be displaying this same image across different pages in my website, is there a way the custom code can apply every time I upload this same file? I really appreciate the help. Website: https://jellyfish-cow-prac.squarespace.com/testjellyfish Hi. Can you check site url? No Such Website The website you requested does not exist. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Archived
This topic is now archived and is closed to further replies.