Jump to content


Photo

Font size in footer


  • Please log in to reply
8 replies to this topic

#1 pehja

pehja

    Advocate

  • Members


  • 568 posts
  • LocationSweden
  • Framework Version:Pagelines v2.4.3 and DMS
  • Country: Country Flag

Posted 04 March 2012 - 06:31 PM

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

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 04 March 2012 - 06:39 PM

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).

#3 pehja

pehja

    Advocate

  • Members


  • 568 posts
  • LocationSweden
  • Framework Version:Pagelines v2.4.3 and DMS
  • Country: Country Flag

Posted 04 March 2012 - 06:54 PM

Thanks Catrina! But it looks a bit strange.. What did I do wrong ? It looks like this
?© 2010 Pehja Produktion. All Rights Reserved.;


#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 04 March 2012 - 07:06 PM

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.

#5 pehja

pehja

    Advocate

  • Members


  • 568 posts
  • LocationSweden
  • Framework Version:Pagelines v2.4.3 and DMS
  • Country: Country Flag

Posted 04 March 2012 - 07:16 PM

Still looks the same.

#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 04 March 2012 - 07:30 PM

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?

#7 pehja

pehja

    Advocate

  • Members


  • 568 posts
  • LocationSweden
  • Framework Version:Pagelines v2.4.3 and DMS
  • Country: Country Flag

Posted 04 March 2012 - 07:34 PM

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

#8 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 04 March 2012 - 07:52 PM

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>


#9 pehja

pehja

    Advocate

  • Members


  • 568 posts
  • LocationSweden
  • Framework Version:Pagelines v2.4.3 and DMS
  • Country: Country Flag

Posted 04 March 2012 - 07:57 PM

Perfect, Thanks Catrina!