Joomla Templates Club 406,261 posts

[James G Friend James GJoin date: September 2014Posts: 130Downloads:104Uploads:4 Thanks: 20 Thanked: 40 times in 6 posts]

#188693

I have increased the logo size to 160 x 50 px.

However although the height is fine, the logo will only show 130px wide.

I have changed plenty of settings in the CSS and LESS files with no luck. Any help on how to increase it?

[MoonSailor Friend MoonSailorJoin date: November 2011Posts: 1106Downloads:0Uploads:245 Thanks: 89 Thanked: 248 times in 223 posts]

#497982

Hi,

Open file “templates/ja_beranis/less/style.less” and find code :

[PHP]
// Logo Image
// ———-
.logo-image {
overflow: hidden;
h1 {
display: block;
font-size: 0;
a {
background-image: url(“@{T3LogoImage}”);
background-repeat: no-repeat;
width: @T3logoWidth;
height: @T3logoHeight;
span, small {
display: none;
}
}
}
[/PHP]

and change it to :
[PHP]
// Logo Image
// ———-
.logo-image {
overflow: hidden;
h1 {
display: block;
font-size: 0;
a {
background-image: url(“@{T3LogoImage}”);
background-repeat: no-repeat;
width: @T3logoWidth;
height: @T3logoHeight;
span, small {
display: none;
}
}
}
[/PHP]

Or you can edit in file “templates/ja_beranis/css/template.css” & find css code :
[PHP]
.logo-image h1 a {
background-image: url(“../images/logo.png”);
background-repeat: no-repeat;
width: 160px;
height: 50px;
}
[/PHP]

and change it to :
[PHP]
.logo-image h1 a {
background-image: url(“../images/logo.png”);
background-repeat: no-repeat;
width: 160px;
height: 50px;
}
[/PHP]

Open file “templates/ja_beranis/tpls/blocks/header.php” & find code:

[PHP]
<!– LOGO –>
<div class=”span2 logo”>
[/PHP]

Change it to :

[PHP]
<!– LOGO –>
<div class=”span3 logo”>
[/PHP]

find code :

[PHP]
<nav id=”t3-mainnav” class=”t3-mainnav navbar-collapse-fixed-top span10″>
[/PHP]

change to :

[PHP]
<nav id=”t3-mainnav” class=”t3-mainnav navbar-collapse-fixed-top span9″>
[/PHP]

Regards

1 user says Thank You to MoonSailor for this useful post

1. rope

[elvisglazier Friend elvisglazierJoin date: July 2013Posts: 4Downloads:0Uploads:0 Thanks: 2 Thanked: 2 times in 1 posts]

#498042

Or you could just change the overflow to visible.

2 users say Thank You to elvisglazier for this useful post

1. MoonSailor
2. rope

[Author]

Posts