Tajaun Ten-Fah Posted May 19, 2019 Share Posted May 19, 2019 Hi All!, I trust all is well. I am currently reaching out to the community to see if someone could possibly help me with the logo size on the front-end. Would love to have the size adjusted for a better view for my visitors. Please see the screenshot: https://rebrand.ly/2iur2b Thanks in advance! 0 Quote Link to comment Share on other sites More sharing options...
WHMCS ChrisD Posted May 20, 2019 Share Posted May 20, 2019 Have you readjusted the size of the logo prior to uploading it? 0 Quote Link to comment Share on other sites More sharing options...
brian! Posted May 20, 2019 Share Posted May 20, 2019 Hi Tajaun, 14 hours ago, Tajaun Ten-Fah said: I am currently reaching out to the community to see if someone could possibly help me with the logo size on the front-end. Would love to have the size adjusted for a better view for my visitors. your problem is that the maximum height of that logo image is defined in the CSS - so although your image is really 889x557, it's height is set at a maximum of 50px by the CSS. the solution is to modify the CSS and adjust the maximum height of the image - to do this, you edit /templates/six/css/custom.css and add... section#header .logo img { max-height: 150px; } if you set it at 150px, you'll end up with your site looking like... ... so you may need to play with various max-height values and/or tweak the logo before you find the correct value to suit your logo design. also, keep a backup copy of custom.css because it will get overwritten during a WHMCS update - if you're using the automatic updater, you should get a warning before it overwrites it, but better safe than sorry. 🙂 0 Quote Link to comment Share on other sites More sharing options...
Tajaun Ten-Fah Posted May 23, 2019 Author Share Posted May 23, 2019 On 5/20/2019 at 7:01 AM, brian! said: Hi Tajaun, your problem is that the maximum height of that logo image is defined in the CSS - so although your image is really 889x557, it's height is set at a maximum of 50px by the CSS. the solution is to modify the CSS and adjust the maximum height of the image - to do this, you edit /templates/six/css/custom.css and add... section#header .logo img { max-height: 150px; } if you set it at 150px, you'll end up with your site looking like... ... so you may need to play with various max-height values and/or tweak the logo before you find the correct value to suit your logo design. also, keep a backup copy of custom.css because it will get overwritten during a WHMCS update - if you're using the automatic updater, you should get a warning before it overwrites it, but better safe than sorry. 🙂 Hey Brian, I love the reply and effort thus far. I applied the code as seen here https://rebrand.ly/5nemcy Unfortunately, didn't see the changes. See Here 0 Quote Link to comment Share on other sites More sharing options...
brian! Posted May 23, 2019 Share Posted May 23, 2019 4 hours ago, Tajaun Ten-Fah said: I applied the code as seen here https://rebrand.ly/5nemcy did you remove the code ? because when I look at your active custom.css file @ https://xclusivetechja.com/order/templates/six/css/custom.css it's empty! if it worked, you're site should look like... so, three further suggestions for you to try... ensure that you're putting the css code in the correct file.. ensure that your site/browser isn't caching as you may not see any changes. if it still doesn't work, slap an !important in the css to give it a little more persuasion to behave. section#header .logo img { max-height: 130px !important; } 0 Quote Link to comment Share on other sites More sharing options...
Tajaun Ten-Fah Posted May 23, 2019 Author Share Posted May 23, 2019 2 hours ago, brian! said: did you remove the code ? because when I look at your active custom.css file @ https://xclusivetechja.com/order/templates/six/css/custom.css it's empty! if it worked, you're site should look like... so, three further suggestions for you to try... ensure that you're putting the css code in the correct file.. ensure that your site/browser isn't caching as you may not see any changes. if it still doesn't work, slap an !important in the css to give it a little more persuasion to behave. section#header .logo img { max-height: 130px !important; } Hi Brian! Thank you! It works now! Its weird because I know I reset the cache before but after trying again now I saw the changes. 0 Quote Link to comment Share on other sites More sharing options...
WHMCS ChrisD Posted May 24, 2019 Share Posted May 24, 2019 Glad to hear you where able to sort this with Brian's help @Tajaun Ten-Fah 0 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.