8 replies to this topic

[pehja]

Hi, Two questions 1 .I have managed to get the footer text center aligned. But I would also like to have a smaller font size. 2. I also tryed to get a logo in the footer. Managed to do that to. But is it possible to get the logo in the same widget. The text aligned left and the logo aligned right.. http://pehjaproduktion.se

[catrina]

In the code you used to add the copyright information, you can add a font size attribute like so:

 <div style="text-align: center; font-size: 11px">

Change 11px to the size you want.

As for the logo image, you can add it inside the DIV layer below your copyright text using this code:

 <img src="http://pehjaproduktion.se/wp-content/uploads/2012/03/Pehjasmall-e1330869082450.jpg">

Just remove the the footer image from your settings since you uploaded it there (since this image will still show if you add it to the widget).

[pehja]

Thanks Catrina! But it looks a bit strange.. What did I do wrong ? It looks like this

?© 2010 Pehja Produktion. All Rights Reserved.;

[catrina]

Please replace that code with this:

 <div style="text-align: center; font-size: 11px;">
	?© 2010 Pehja Produktion. All Rights Reserved. <img src="http://pehjaproduktion.se/wp-content/uploads/2012/03/Pehjasmall-e1330869082450.jpg">
	</div>

This code will make it so that your logo image is directly to the right of the copyright text, but it can be edited so that there is some extra space between the text and the logo.

[pehja]

Still looks the same.

[catrina]

It looks as it should with that code. How do you want the text and logo to look? Do you want the text to float to the left of the footer while the logo floats to the right of the footer?

[pehja]

If it's not possible to have the logo in the same row as the text, then yes that would be great.

[catrina]

The logo and text are already on the same row, but it's just that the logo's height is larger than the text height, so overall the look is distorted. I tried fixing it but the CSS isn't behaving so I think the idea I suggested would be a good option. Replace the entire code I gave you with this:

 <div style="text-align: center; font-size: 11px; float: left;">
	?© 2010 Pehja Produktion. All Rights Reserved.
	</div>
	<div style="float: right;">
	<img src="http://pehjaproduktion.se/wp-content/uploads/2012/03/Pehjasmall-e1330869082450.jpg">
	</div>

[pehja]

Perfect, Thanks Catrina!