Joomla Templates Club 406,261 posts

[kmjrecords Friend kmjrecordsJoin date: August 2011Posts: 159Downloads:4Uploads:0 Thanks: 77 Thanked: 6 times in 1 posts]

#174695

I am using joomla 2.5, JA Tiris 2.5. I have finished the site and had a custom header created 730 x 90. I cant figure out how to change so i can use the newly created header?

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#442292

Hi!

Header or logo? If you use it as logo it will be clickable.

If you want it as logo you’ll need to go to template manager and change in profiles

Select logo type to ‘image’ because I think you have ‘text’ at the moment. Then put the image in templates/ja_tiris/images/

Once it is there you can change the link in css.

1 user says Thank You to swissa for this useful post

1. kmjrecords

[kmjrecords Friend kmjrecordsJoin date: August 2011Posts: 159Downloads:4Uploads:0 Thanks: 77 Thanked: 6 times in 1 posts]

#442297

Hey Swissa. Ok I changed it to image and then used my Filezilla and added the banner to templates/ja_tiris/images/. How do i change the link in Css?

1 user says Thank You to kmjrecords for this useful post

1. swissa

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#442300

Easy.

Go to template.css and look for this code

h1.logo a {
background: url(../images/logo.png) no-repeat left; display: block; height: 90px; width: 156px; }

Change the width to 730px to match yours and change the logo.png to match the name of your new logo!

That’s it!

I do like your site!

🙂

1 user says Thank You to swissa for this useful post

1. kmjrecords

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#442307

Yeah, yeah, I know! 🙂

h1.logo a {

• background: url(../images/banner-2.jpg) no-repeat left;
• display: block;
• height: 80px;
• width: 930px;
• margin-left: -22px; <add this in if you want it aligned to the left.

}

and then

#ja-header .main-inner2 {

• background: url(../images/bg-header.png) 0 100% repeat-x #141414;
• padding-bottom: 80px; < add this in to take it over the menu

}


That should set it left and also set it above the menu and still make it clickable for the homepage:

1 user says Thank You to swissa for this useful post

1. kmjrecords

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#442319

If you want to move the menu to the left, leave me a note here and I’ll drop you the code in the morning. 🙂

Ciao

2 users say Thank You to swissa for this useful post

1. kmjrecords
2. shanty

[kmjrecords Friend kmjrecordsJoin date: August 2011Posts: 159Downloads:4Uploads:0 Thanks: 77 Thanked: 6 times in 1 posts]

#442323

Mission Complete!!!!!!!!!! Thanks a lot Swissa!!! I had to change the size a little bit but got it it. http://www.booksmusicandstuff.com is done. I just have to keep loading my catalog of Music and get other independent artists and authors to join in. Thanks Again!!

1 user says Thank You to kmjrecords for this useful post

1. swissa

[shanty Friend shantyJoin date: April 2008Posts: 70Downloads:6Uploads:7 Thanks: 12 Thanked: 1 times in 1 posts]

#443534

Hi Swissa,

I love your solution for moving the logo up to the top. I’d like to be able to move the menu to the left too. Can you show me the code?

Many thanks.

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#443596

<em>@shanty 307331 wrote:</em><blockquote>Hi Swissa,

I love your solution for moving the logo up to the top. I’d like to be able to move the menu to the left too. Can you show me the code?

Many thanks.</blockquote>

Hi Shanty,

The code above was done to specifically make the whole banner clickable. I haven’t seen your site so can’t say exactly what you would need to adjust. If you can post a url then I should be able to point you in the right direction.

Bestens

[Author]

Posts