CLAIREH1570048731 Posted August 1, 2019 Share Posted August 1, 2019 Hi all The default for the NATIVE template is centers logos but unfortunately my logo has to be left aligned... (as I'm almost 99% finished building site so trying to hack it rather than moving to another template). @alxfyv I saw that you'd solved a similar problem back in Nov 15, 2015 at 04:09 AM (but I can't make it work). Full disclosure, I've never used code so I just tried to paste it which didn't do the job so it could be user error! logoImage img { margin-left: 50px; /* template default = 40px */} my site is: clairehobsonconsulting.com and the logo should look like this (see attached). This is just a mockup and is a bit big. Anyone else, feel free to help a very frustrated novice! Thanks for any insight/help in advance. Link to comment
tuanphan Posted August 1, 2019 Share Posted August 1, 2019 @CLAIREH I don't see logo (as screenshot) in your site. Where is it? 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
CLAIREH1570048731 Posted August 1, 2019 Author Share Posted August 1, 2019 @tuanphan That's the point... I can't put it up on the homepage as it sits in the middle. So i haven't put it up there yet. Only on the dummy version in the screenshot. Link to comment
tuanphan Posted August 1, 2019 Share Posted August 1, 2019 @CLAIREH Place your logo, and i'll check custom code to align left it 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
CLAIREH1570048731 Posted August 1, 2019 Author Share Posted August 1, 2019 @tuanphan Done. Thank you. Link to comment
tuanphan Posted August 1, 2019 Share Posted August 1, 2019 @CLAIREH Add to Home > Design > Custom CSS h1.logo.image { text-align: left; } 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
CLAIREH1570048731 Posted August 1, 2019 Author Share Posted August 1, 2019 Hey @tuanphan That's so kind of you to help. Unfortunately, if I paste this into the CSS on the homepage, it just shows the code in the top left hand side of the page and leaves the logo in the middle (see attached). Link to comment
tuanphan Posted August 1, 2019 Share Posted August 1, 2019 @CLAIREH Adding code to Home > Design > Custom CSS Where did you insert? 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
CLAIREH1570048731 Posted August 1, 2019 Author Share Posted August 1, 2019 Ah! I'd put it in the wrong place - had put it under a page/advanced/CSS.... You're a genius! Now one more question: how can I get it to sit at the very edge of the page (not with a margin)? Do I have to change the width of the whole site? Cannot thank you enough! Thank you, thank you.... Link to comment
tuanphan Posted August 1, 2019 Share Posted August 1, 2019 @CLAIREH Change width of entire siteor Use position fixed for logo. This means the Logo will sticky to the top of the page when scrolling. 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
CLAIREH1570048731 Posted August 1, 2019 Author Share Posted August 1, 2019 Ok - perhaps I will leave it as it is. If I wanted to the gap to be bigger between the logo and the tagline text, how can I insert a bigger space? Promise this is my last question! Thank you. Link to comment
tuanphan Posted August 1, 2019 Share Posted August 1, 2019 @CLAIREH h1.logo.image { margin-bottom: 200px; } Accept Answer if it worked. Other members can use if they know it worked. 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
tuanphan Posted August 1, 2019 Share Posted August 1, 2019 @CLAIREH Remember checking Gap on Mobile >:) 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
CLAIREH1570048731 Posted August 2, 2019 Author Share Posted August 2, 2019 @tuanphan THANK YOU ..... THANK YOU..... THANK YOU.... THANK YOU ..... THANK YOU..... THANK YOU.... THANK YOU ..... THANK YOU..... THANK YOU.... THANK YOU ..... THANK YOU..... THANK YOU.... THANK YOU ..... THANK YOU..... THANK YOU.... THANK YOU ..... THANK YOU..... THANK YOU.... THANK YOU ..... THANK YOU..... THANK YOU.... THANK YOU ..... THANK YOU..... THANK YOU.... THANK YOU ..... THANK YOU..... THANK YOU.... THANK YOU ..... THANK YOU..... THANK YOU.... THANK YOU ..... THANK YOU..... THANK YOU.... THANK YOU ..... THANK YOU..... THANK YOU.... Link to comment
tuanphan Posted August 2, 2019 Share Posted August 2, 2019 @CLAIREH a thank you is enough >:) 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
Archived
This topic is now archived and is closed to further replies.