Joomla Templates Club 406,261 posts

[djmarkus Friend djmarkusJoin date: March 2011Posts: 110Downloads:0Uploads:1 Thanks: 14 Thanked: 2 times in 1 posts]

#161912

I have a question here is my site I am working on http://www.internationalwebsitedesign.com/ at the top left is the small logo above the slideshow module. I want to resize the image to fill up the total blank space above the slideshow module which is the logo position. I need to know how to resize the logo position to accommodate the larger size logo

thanks in advance

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

#383147

Please enable your site as we cannot see it at the moment to advise you. Also, please go into the template manager and set css optimization to “No” so we can see the correct css.

1 user says Thank You to Phill for this useful post

1. djmarkus

[djmarkus Friend djmarkusJoin date: March 2011Posts: 110Downloads:0Uploads:1 Thanks: 14 Thanked: 2 times in 1 posts]

#383151

ok online now

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

#383153

The dimensions of that are set in templates>ja_methys>css>template.css around line 817. Adjust the bits in red below as required.


h1.logo a {
background:url("../images/logo.gif") no-repeat scroll left center transparent;
display:block;
height:70px;
width:190px;

}


Another alternative option would be to do as I have suggested here – http://www.joomlart.com/forums/topic/more-space-for-megamenu-elements/

That will move the menu to just below the logo giving you more room for menu items and more room for a bigger logo. It all depends on how you want your design to look.

1 user says Thank You to Phill for this useful post

1. djmarkus

[djmarkus Friend djmarkusJoin date: March 2011Posts: 110Downloads:0Uploads:1 Thanks: 14 Thanked: 2 times in 1 posts]

#383156

Ok thanks, where is the file for the 2nd method please,

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

#383157

Change template.css line 854

#ja-mainnav {
border-bottom:5px solid #111111;
border-top:1px solid #E5E5E5;
position:absolute;
right:0;
top:40px;
z-index:999;

}

to

#ja-mainnav {
border-bottom:5px solid #111111;
border-top:1px solid #E5E5E5;
left:0;
position:absolute;
top:100px;
z-index:999;

}

then change template.css line 665

#ja-header {
position:relative;
z-index:10;

}

to

#ja-header {
height:140px;
position:relative;
z-index:10;

}

[djmarkus Friend djmarkusJoin date: March 2011Posts: 110Downloads:0Uploads:1 Thanks: 14 Thanked: 2 times in 1 posts]

#383162

I did the first method, can you look please i think it would look better and the logo go all the way across thoughts please

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

#383163

I can do the technical stuff but best leave the asthetics to someone who is not as completely inept as myself. There are some users on here who really have an eye for this sort of stuff so hopefully one of them can pipe in.

1 user says Thank You to Phill for this useful post

1. glammommy

[djmarkus Friend djmarkusJoin date: March 2011Posts: 110Downloads:0Uploads:1 Thanks: 14 Thanked: 2 times in 1 posts]

#383164

I I did the second method would it bring down the menu so i can display the logo the whole width of the template I think 960 pix. What I need basically is the menu to drop below the existing logo in order to stretch the logo to the right then hopefully it looks good

[djmarkus Friend djmarkusJoin date: March 2011Posts: 110Downloads:0Uploads:1 Thanks: 14 Thanked: 2 times in 1 posts]

#383167

I thank you so much, I did the 2nd method little trial and error and I have it, I remembered to back the css file tho it case i did something wrong

[Author]

Posts