+- CodeIgniter Forums (https://forum.codeigniter.com)
+-- Forum: Using CodeIgniter (https://forum.codeigniter.com/forumdisplay.php?fid=5)
+--- Forum: General Help (https://forum.codeigniter.com/forumdisplay.php?fid=24)
+--- Thread: Blurry Logo (/showthread.php?tid=66484)
Blurry Logo - flaboi - 10-26-2016
This issue relates to size and CSS, I am using Twitter Bootstrap for my front-end. I've uploaded a logo (709x134) and this is what's in my style.css file:
Code:
.navbar-brand {
float: left;
padding: 12px 15px;
font-size: 19px;
line-height: 21px;
height: 62px;
max-width: 220px;
display: table;
}Should I change anything in here? I've already increased the width by 20 pixels. The logo looks better in Firefox than in Chrome.
Thanks!
RE: Blurry Logo - dbrooke - 10-26-2016
Do you have a link to your development site?
RE: Blurry Logo - John_Betong - 10-26-2016
I would be tempted to resize the logo to conform to the fixed height specified in the CSS .navbar-brand.
Original size 709x134 and fixed height: 62px;
RE: Blurry Logo - InsiteFX - 10-27-2016
Did you try to add the Bootstrap img-responsive class to the img?
PHP Code:
<img alt="Brand" class="img-responsive" src="...">
RE: Blurry Logo - Avenirer - 10-27-2016
You should set the width to auto, and not (max-width: 220px
. It is a non-sense to set a height of 62px but a maximum width of 220px;