Joomla Templates Club 406,261 posts

[gtrew Friend gtrewJoin date: November 2008Posts: 25Downloads:0Uploads:6 Thanks: 5]

#135853

Firstly, I am using WAMP as a server, as my URL is currently being occupied by my website (which I want to change to the JA Uvite template, once I have customized the excellent looking template.)

I have, via the CSS menu, inserted a new logo (logo.png), and have incresed the size and slightly adjusted the position of the image.

See attached file screenshot 2

I want to include another png, one with some text, size 300 x 95 to the right of the logo – as per the screen shot of the one I made in dreamweaver (logotext.png)

See attached screenshot_header.jpg

Would you be so kind as to tell me what code to put into the main CSS file so that I can do this?

Sorry, my CSS skills are not very good.

Hope you can help

Many thanks

Gary

---

Attachments:

1. 
2. 
3. 
4. 

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#281014

The simplest way is to join the images into one large logo. Then open template.css and on line 715…

h1.logo a {
background:transparent url(../images/logo.png) no-repeat scroll center center;
display:block;
height:69px;
width:177px;
}


For width and height enter the dimensions of your new image.

1 user says Thank You to scotty for this useful post

1. gtrew

[Peter Matra Friend Peter MatraJoin date: September 2014Posts: 159Downloads:54Uploads:25 Thanked: 9 times in 1 posts]

#281441

I agree combine the logos in one image and change the css width. I found adding extra space gives me some leeway to add padding.

Just beware of screwing with the height, I made that mistake and screwed up my menus etc.

[gtrew Friend gtrewJoin date: November 2008Posts: 25Downloads:0Uploads:6 Thanks: 5]

#281442

Thanks perter – much appreciated.

[Author]

Posts