ManonLarrieu Posted July 12, 2020 Share Posted July 12, 2020 Site URL: https://www.qualitycupofcoffee.com/consulting Hello, Adding the final touch of my website, I am facing an issue with my footer. I added an image in my footer (which is my logo). When I am editing it, everything seems fine however when I visit the page the width of the image drastically change making it unable to see the full image. https://www.qualitycupofcoffee.com/consulting Do you have any ideas why ? It was happening before I added the "floating effect". Thanks, Manon Link to comment
ManonLarrieu Posted July 12, 2020 Author Share Posted July 12, 2020 It works !! It's pretty amazing, thanks ! Same I used to have "square" logo there but this I changed to my rectangle one, the footer area went all cray cray. Link to comment
rwp Posted July 12, 2020 Share Posted July 12, 2020 Yeah, I am not sure what is causing it. It honestly shouldn't take that much code to get it straightened out. I am probably overlooking a simpler fix. @tuanphan any advice on this? Edit: Dug a little more, it looks like this is all you need, and it will center up better. REMOVE THE OTHER CODE I SENT AND REPLACE WITH THIS: #footerBlocksMiddle .image-block-wrapper { padding-bottom: 180px !important; } #footerBlocksMiddle .thumb-image.loaded { left: auto !important; max-width: 100% !important; } Here's a few other things that will help with the footer looking more centered (optional, if you like the look): #block-yui_3_17_2_1_1593882225546_4979 { margin-left: 0px !important; } #block-yui_3_17_2_1_1594567380050_6356 { text-align: right; } Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.