- This topic has 17 replies, 3 voices, and was last updated 6 years, 8 months ago by Leo.
-
AuthorPosts
-
August 7, 2017 at 5:25 pm #361320Anita
Hi
I want to add a image to match my header image to the footer area which is currently black.
I can’t see anywhere it allows you to add a image to footer as it does header image.
Can you please advise if this is able to be done.
Thanks
August 7, 2017 at 5:26 pm #361321LeoStaffCustomer SupportHi there,
Try the footer bar widget area: https://docs.generatepress.com/article/footer-bar-widget-area/
Let me know if this works for you.
August 7, 2017 at 5:35 pm #361324AnitaNo that doesn’t work because it doesn’t allow to add a image. It is asking to create a custom menu which is not what I want to do.
It seems the theme itself has not got the facility to do this, any other ideas? The footer image is the same width and the header one 787 w x 154 h.
Thanks
August 7, 2017 at 5:47 pm #361325LeoStaffCustomer SupportYou can also just insert image HTML in the copyright section as well:
https://docs.generatepress.com/article/changing-the-copyright-message/August 7, 2017 at 5:51 pm #361326AnitaHmm…
Ok what would the HTML code be to do that please?
August 7, 2017 at 6:10 pm #361336LeoStaffCustomer SupportNormal HTML image tag:
<img src="http://URLHERE" />
More info here: https://www.w3schools.com/html/html_images.asp
August 7, 2017 at 6:31 pm #361341AnitaThank you I did that, the image is there but not fully stretched across the width of the footer. Also the copyright, name of site and a custom menu I have in the footer are sitting to right of it, so I looks out of place.
Oh well thanks anyway. May be something you can consider adding this feature to future updates of GeneratePress.
Thanks
August 7, 2017 at 7:58 pm #361364LeoStaffCustomer SupportCan you provide a link to your site so I know what you are trying to achieve?
I’m pretty certain that it can be accomplished already.
August 7, 2017 at 8:25 pm #361370AnitaThank you
August 7, 2017 at 9:57 pm #361390LeoStaffCustomer SupportWhere would you like to add that image?
August 7, 2017 at 10:14 pm #361397AnitaHi
Thanks, to the top of the black footer area somewhere just so that it looks like it is flowing on from the page with Copyright & Legal Stuff Menu sitting under footer image.
Is there anyway the footer image can show the same width as the header, because they are actually same size, however currently the footer image width is not equalling the size of the header?
August 8, 2017 at 12:21 am #361434TomLead DeveloperLead DeveloperFirst, set your footer bar alignment to center: Customize > Layout > Footer.
Then, make it so this is your copyright area content:
<div class="copyright-stuff"> © 2017 | Fast Start Internet Marketing </div> <img src="https://faststartinternetmarketing.com/wp-content/uploads/2017/08/footer-1.jpg">
The sizes are different as they are different images:
https://faststartinternetmarketing.com/wp-content/uploads/2017/08/cropped-cropped-header-3-1.jpg
https://faststartinternetmarketing.com/wp-content/uploads/2017/08/footer-1.jpgAugust 8, 2017 at 12:35 am #361440AnitaHey Tom
Thanks for the reply.
I have followed your instructions. It looks better than it did before, but how do I get it to be the same width as the header given they are both the same width? Also is there anyway I can get the same matching colour background as the header instead of black or what ever dark colour it is?
Here is what the footer looks like now after following your instructions:
https://faststartinternetmarketing.com/Thanks 🙂
August 8, 2017 at 7:48 am #361617LeoStaffCustomer SupportThe images are different like Tom mentioned:
Here is the big image you used in header:
https://faststartinternetmarketing.com/wp-content/uploads/2017/08/cropped-cropped-header-3-1.jpgand the small image for the footer:
https://faststartinternetmarketing.com/wp-content/uploads/2017/08/footer-1.jpgYou can change the background color in Colors > Footer > Background.
August 8, 2017 at 7:58 pm #361941AnitaHey guys
You were so right about the images being two different sizes… duh! Thanks so much for your patience!
I ended up finding where I can insert a image into the footer area. The image is the same width as the header now – 1440 px x 234 px. The image seems to have been cropped automatically so part of the image is cut off. What size does the image need to be to sit in the footer area and show completely?
Here is what it looks like now:
https://faststartinternetmarketing.com/Thanks
Anita -
AuthorPosts
- You must be logged in to reply to this topic.