Joomla Templates Club 406,261 posts

[dozza Friend dozzaJoin date: October 2007Posts: 149Downloads:0Uploads:21 Thanks: 16 Thanked: 8 times in 1 posts]

#132801

Me again!
I also need to add a logo to sit at the bottom of the left column, but above the footer, across all site pages. I’ve tried by creating a module and positioning it in ‘left’ but can get it to sit at the bottom. Any suggestions.

I’ve attached an example of how/where i’d like the logo….

Many thanks

---

Attachments:

1. 

[dlocc Friend dloccJoin date: August 2008Posts: 74Downloads:0Uploads:0 Thanks: 3 Thanked: 9 times in 5 posts]

#268363

Give your module a class suffix and use CSS to call the module class suffix and add the appropriate padding from the bottom. Do you get what I’m saying? If not we can jump into more details.

[dozza Friend dozzaJoin date: October 2007Posts: 149Downloads:0Uploads:21 Thanks: 16 Thanked: 8 times in 1 posts]

#268480

dlocc

I’d appreciate a liitle more detail. Can i still assign the module to ‘left’ but give it a ‘vertical-align:bottom; ?

I’m competent with xhtml/css – where do I define the CSS class? In template_css.css?

The site is at http://www.lefp.co.uk/index.php and i’m trying to set the RICS logo in the left column to sit at the bottom of the column.

Many thanks

[dlocc Friend dloccJoin date: August 2008Posts: 74Downloads:0Uploads:0 Thanks: 3 Thanked: 9 times in 5 posts]

#268546

Alrighty,

Yes the module will still be assigned to the left position. Give you module a class suffix if it needs it and in your template_css.css scroll all the way to the bottom use CSS to call the div and align it.

I see that you have already been playing around with it after inspecting your site with firebug. Having any luck?

[dozza Friend dozzaJoin date: October 2007Posts: 149Downloads:0Uploads:21 Thanks: 16 Thanked: 8 times in 1 posts]

#268561

Which DIV? What’s it’s name? is it div.moduletable ?

[dlocc Friend dloccJoin date: August 2008Posts: 74Downloads:0Uploads:0 Thanks: 3 Thanked: 9 times in 5 posts]

#268567

um, I see that it is called “moduletable_bingo”

[dozza Friend dozzaJoin date: October 2007Posts: 149Downloads:0Uploads:21 Thanks: 16 Thanked: 8 times in 1 posts]

#268568

OK. I now have control of the module styling…. Given it a class suffix of _bingo and in my template_css.css have targeted the div with following…

/* Dom Custom Module Logo left bott */
#ja-col1 div.moduletable_bingo {
padding-top: 60px;
margin-bottom: 15px;
background-color: #d0ff74;
}

How do I get it to stick to the bottom of the column though? My css is letting me down here..

[dozza Friend dozzaJoin date: October 2007Posts: 149Downloads:0Uploads:21 Thanks: 16 Thanked: 8 times in 1 posts]

#269786

For reference, this is how I ended up sorting it out.

I added a new module position called ‘user10’ to templateDetails.xml.

Then I inserted the module position, in index.php, within an existing footer div. I then wrapped the module position (in index.php) in a div and applied some absolute positioning via some css in template_css.css to position the new module above the footer at the bottom of the left column.

Obvious?

[dlocc Friend dloccJoin date: August 2008Posts: 74Downloads:0Uploads:0 Thanks: 3 Thanked: 9 times in 5 posts]

#269787

Good job man, nice posting!

[Author]

Posts