Position image within footer block

Posted by ryaner on June 21, 2012 at 5:37pm

Hi,

I am trying to put an image with the credit card logos on the footer of my site but have run into a few issues. It created a new block and inserted the image using HTML

Only local images are allowed.

I then placed the block in the footer and it does show however it is half off the bottom of the page. I just need to be able to position it to where I want within the footer. I´ve tried editing the local.css file and that made some changes but no matter what I did it would just either disappear from the page or stay in the same position.

Can anyone please suggest the best way to active this? Simply putting an image in the footer of the webpage and being able to position it correctly.

Thanks!

Comments

post a screenshot or live url

Posted by ravi_9793 on June 21, 2012 at 6:16pm

post a screenshot or live url of your website.
Its hard to suggest you a solution without screenshot or live url of your website.

----------------
Drupal UberCart Theme | Responsive Drupal Themes

Hi Ravi, thanks for your

Posted by ryaner on June 22, 2012 at 3:31pm

Hi Ravi, thanks for your reply.

The live URL is http://buddabag.es/

You can see the image down the bottom. I did manage to move it up perviously modifying the css but then he top of the image was cut off as it seems to be outputted in a region called footer-inner which is smaller than the grey footer region which can be seen visually on the website.

Any help would be much appreciated.

many thanks

=-=

Posted by VM on June 22, 2012 at 4:05pm

The issue with your footer looks like it stems from:

#footer-wrapper

having a fixed height of 1em

thanks VM. Which file allows

Posted by ryaner on June 22, 2012 at 4:24pm

thanks VM. Which file allows me to edit that?

=-=

Posted by VM on June 22, 2012 at 4:27pm

likely style.css , use firebug in firefox of chrome dev tools for more insight or simply do a text search on your CSS files

Yes, that did the trick,

Posted by ryaner on June 22, 2012 at 5:12pm

Yes, that did the trick, editing the local.css file.

Many thanks for your help!

=-=

Posted by VM on June 22, 2012 at 10:10pm

you shouldn't edit the local.css file directly
use a subtheme with a custom.css file

the above protects your customizations when the theme in use is updated by the devs

Ah, Ok. Can you point me to

Posted by ryaner on June 23, 2012 at 10:17am

Ah, Ok. Can you point me to some info on how to do that please? thanks

Or can I just do it in the

Posted by ryaner on June 23, 2012 at 10:25am

Or can I just do it in the style.css as you mentioned before?

=-=

Posted by VM on June 23, 2012 at 7:47pm

http://bit.ly/Lq6i65

I have now almost solved this

Posted by ryaner on June 23, 2012 at 12:24pm

I have now almost solved this issue but the tops of the images within the footer region are still being cut off. It is because they are within the footer-inner region and there is a border or margin between footer-wrapper and footer-inner but I can´t seem to remove this margin as none of my files actually contain the element footer-inner so it seems it is being automatically created. Can anyone please tell me how I might edit this?

The URL is http://buddabag.es/

Many thanks in advance for your help.
Mark

#footer-wrapper {

Posted by mjonesdinero on June 25, 2012 at 5:45am

#footer-wrapper {
background: none repeat scroll 0 0 #EDEDED;
height: 2em;
margin-bottom: -80px;
padding: 30px 0;
}

also

#block-block-3 {
left: 250px;
position: relative;
right: 350px;
top: -10px;
width: 1000px;
}

this will be the new values on this css class/id

Marc Jones Dinero
Drupal Web Developer/Themer
Promet Solutions, Inc.
1802 W. Berteau Ave., Unit 209
Chicago, IL 60613

Mobile: +63 9494906965
YIM: dinero_marc
Skype: mjonesdinero

Drupal Web Development
Hosting
Online Marketing