[ashrafashraf]

Hi Sakin,
Please, How can i add image on the footer
ex: http://grab.by/xuX6

Please Help!!!

Best Wishes
A.J.

[ashrafashraf]

Please Sakin, I need your help!!!

Thanks

[Sakin]

Hello A.J.

Do you want image as the background or direct?

If you want direct image, then you can go to “Appearance => Theme Options => Footer Editor Options” and just add image HTML code. For example:
<img src="http://new.tinygrab.com/225cb604b30df1277b9fce0b0cdc01b4aae35dd5a6.png" alt="Image Name" />

Or if you want as background then you need to add the following css in “Appearance => Theme Options => Custom CSS” box.

#site-generator {
    background: url("http://new.tinygrab.com/225cb604b30df1277b9fce0b0cdc01b4aae35dd5a6.png") no-repeat scroll center top #fff;
}

Regards,
Sakin

[ashrafashraf]

Thanks sir for your answer,
I add the following but it is not working:

#site-generator {
background: url(“http://www.idaat.se/wp-content/uploads/2014/06/5567852_xxl.jpg”) no-repeat scroll center top #fff;
}

see please:
http://grab.by/xwvy

Regards
A.J.

[Sakin]

Hello A.J.

You image http://www.idaat.se/wp-content/uploads/2014/06/5567852_xxl.jpg is too large that is why it is just showing the top orange color of that image. So, you need to reduce that image with maximum width of 1000px ad height of your footer. Then it will work as you desire.

Regards,
Sakin

[ashrafashraf]

Thanks sir, You are great.
Please, how much is the height ? thnaks

[Sakin]

Height depends on the height of the footer. So, I don’t know what the height of you site footer. You can measure it.

[ashrafashraf]

Thanks sir,
My footer is: http://grab.by/xxgC

So how can i make it more big(height)?

[Sakin]

You footer size is 80px. You can increase the height of footer by adding in css like
#site-generator { min-height: 100px; }

But since this is responsive design site, so make the height increase only in large screen. then you can edit that css as:

@media screen and (min-width: 961px) { 
#site-generator { min-height: 100px; }
}

[ashrafashraf]

Thanks sir,
I added your code, but i get the following : http://grab.by/xyWu

How can i put my copy write section and powered by section in the bottom of footer?

Thanks

[Sakin]

@ashrafashraf: Ok if you want to increase the height and then make that section at bottom. Then remove the previous css I gave you and add the following css. In the following css you can increase the padding top as per your need.

@media screen and (min-width: 961px) { 
#site-generator .copyright, #site-generator .powered {
    padding-top: 60px;
}
}

[ashrafashraf]

Thank you so much for your support.

[ashrafashraf]

Hi Sakin,
Please, I have an image that i want to put it on my footer :http://grab.by/xZdE

But when i resize the width to 1000px, it destroyed.
Please How can i fix this issue?
And can i send to you my photo to check it ?please

Regards
ASHRAF

[ashrafashraf]

I added the following code:
#site-generator {
background: url(“http://www.idaat.se/wp-content/uploads/2014/06/footerfinal.png”) no-repeat scroll center top #fff;
}

But My image is not appear good,
Please Help!!!

Thanks

[Sakin]

@ashrafashraf: It is showing same as in the image. So, what is the issue? I don’t get it.

[ashrafashraf]

Thanks sir for answering,
There is something on this part, i think it need to fix to be the footer part more elegant.
Do you have any idea ?please

And what do you think , if we remove the space between the footer and the main content so it will be link one block ?

Thanks

[Sakin]

@ashrafashraf: Please don’t add same question is two places, it makes me totally confused and I might have to delete your post in that case. I have already replied about the footer content in http://catchthemes.com/support-forum/topic/remove-the-padding/

[ashrafashraf]

I am sorry for that.

[Author]

Posts