sageandsquare Posted February 22, 2021 Share Posted February 22, 2021 Site URL: https://grape-flamingo-lj23.squarespace.com/ Hi, I'm trying to align a text block to the edge of a background image on 7.1 (inset image). I have managed to do it to a certain extent with the following css but it's not responsive on larger screens. #block-yui_3_17_2_1_1609362102104_6792 { position: absolute; bottom: 0; transform: translate(100px, 150px); } Have attached an image to explain it better. I just want it in the same position for any screen size from a tablet, laptop and desktop upwards. URL: https://grape-flamingo-lj23.squarespace.com/ Thanks Link to comment
tuanphan Posted February 27, 2021 Share Posted February 27, 2021 Hi. It looks like you solved this? Do you still need help on this? Also, the footer on tablet doesn't look good. Do you want to align center/left or right all? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
sageandsquare Posted March 9, 2021 Author Share Posted March 9, 2021 Thanks @tuanphan I'd like to align all footer elements in the centre. Do you have the code for that? Thanks Link to comment
tuanphan Posted March 20, 2021 Share Posted March 20, 2021 On 3/9/2021 at 9:07 AM, sageandsquare said: Thanks @tuanphan I'd like to align all footer elements in the centre. Do you have the code for that? Thanks Hi. Add to Design > Custom CSS /* Center tablet footer */ @media screen and (max-width:991px) and (min-width:768px) { footer#footer-sections .content { width: 100%; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment