Joomla Templates Club 406,261 posts

[eholland1626 Friend eholland1626Join date: March 2011Posts: 10Downloads:0Uploads:0 Thanks: 6 Thanked: 1 times in 1 posts]

#166728

I have a requirement to add a larger logo for this template. The url is http://rwd03.studio7080.com. go there and you an see the logo I am trying to add and the current issue I am facing. Can anyone please help me with the CSS?
Thank you in advance
Eric

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#403147

Please open templates>ja_minisite>css>template.css and around line 571 add the code highlighted in red below.


h1.logo a {
background: url("../images/logo_glassman.png") no-repeat scroll 0 0 transparent;
height: 100px;
overflow: hidden;
position: relative;
top: -20px;
width: 300px;

}

This will move your logo up 20px making it fit quite well

2 users say Thank You to Phill for this useful post

1. eholland1626
2. diringer

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#403150

<em>@eholland1626 255740 wrote:</em><blockquote>I have a requirement to add a larger logo for this template. The url is http://rwd03.studio7080.com. go there and you an see the logo I am trying to add and the current issue I am facing. Can anyone please help me with the CSS?
Thank you in advance
Eric</blockquote>

Hi,
You find this code from http://rwd03.studio7080.com/templates/ja_minisite/css/template.css in the line #610, #749

#ja-mainnav {
background: url(../images/bgd_nav.gif) 0 0 repeat-x;
margin-top: 40px; < add this line
}

#ja-search {
bottom: 15px;
position: absolute;
right: 0;
margin-top: 40px; < add this line
}

2 users say Thank You to khoand for this useful post

1. eholland1626
2. diringer

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#403154

The option Khoand gives above increases the size of the header area. I think your logo fits well simply by moving it up 20px as described above but if you need more even room please do as Khoand suggests.

1 user says Thank You to Phill for this useful post

1. eholland1626

[eholland1626 Friend eholland1626Join date: March 2011Posts: 10Downloads:0Uploads:0 Thanks: 6 Thanked: 1 times in 1 posts]

#403157

Thank you very much! You both are Rock Stars! It now fits and looks great! 😀

1 user says Thank You to eholland1626 for this useful post

1. Phill

[Author]

Posts