Forums / Templates, Stylesheets, Page Layout / Assistance with place icons in footer

Assistance with place icons in footer

Views: 529

Results 1 to 5 of 5
7 Oct 2011, 2:50 PM
#1
familynow avatar

familynow

Zen Follower

Join Date:
Aug 2011
Location:
Near Ottawa, Ontario, Canada
Posts:
321
Plugin Contributions:
0

Assistance with place icons in footer

Hi.

I'm struggling with placing some icons(CCs, facebook, twitter & my GEOTrust seal). I want these to be in the footer aligned neatly to the right.

Here's what it looks like now...Keep in mind I haven't grabbed a twitter icon so that's missing and I'm still working out the details for the seal.

http://familynowDOTca/shop

I've combed through many posts about placing all sorts of things in the footer but none are at my level of understanding enough to allow me to work from the info given.

Thanks in advance for any advise.

7 Oct 2011, 3:00 PM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Assistance with place icons in footer

Your new links/icons have no identifier to enable them to be handled differently from the rest. How are you putting them in the footer? Manual HTML code in the tpl file? If so, add class="footerIcon" to each <a> or <script> tag, and you can style them in your stylesheet. If you use float: right; remember that the first one in line will be farthest to the right.

Alternatively, you could wrap a div with id around all of the icons, and style that to float right.

7 Oct 2011, 3:17 PM
#3
familynow avatar

familynow

Zen Follower

Join Date:
Aug 2011
Location:
Near Ottawa, Ontario, Canada
Posts:
321
Plugin Contributions:
0

Re: Assistance with place icons in footer

gjh42:

Your new links/icons have no identifier to enable them to be handled differently from the rest. How are you putting them in the footer? Manual HTML code in the tpl file?
Yes.
gjh42:

If so, add class="footerIcon" to each <a> or <script> tag, and you can style them in your stylesheet. If you use float: right; remember that the first one in line will be farthest to the right.
Thank you. I'll try that.

gjh42:

Alternatively, you could wrap a div with id around all of the icons, and style that to float right.
That was my first instinct but it always dropped the icons below the adjacent row. I found that if I left it within the ezpages links it didn't do that. But then of course, they don't get place where I want them.

7 Oct 2011, 3:25 PM
#4
familynow avatar

familynow

Zen Follower

Join Date:
Aug 2011
Location:
Near Ottawa, Ontario, Canada
Posts:
321
Plugin Contributions:
0

Re: Assistance with place icons in footer

As always, nothing short of perfection. Thanks again!

On to wrestling with my GEOTrust cert... :)

7 Oct 2011, 4:16 PM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Assistance with place icons in footer

Alternatively, you could wrap a div with id around all of the icons, and style that to float right.
That was my first instinct but it always dropped the icons below the adjacent row.

Right, that div would need to be before the rest of the links so it would float to the top of the footerbar.