- This topic has 10 replies, 3 voices, and was last updated 2 years, 7 months ago by J. Davis.
- AuthorPosts
- March 22, 2022 at 3:45 am #1277569margaret NjeriParticipant
How can i add footer background image?
March 23, 2022 at 2:20 am #1278258Valeriia BavykinaModeratorHello Margaret!
The image can be added with custom CCS styles. Apply the following CCS code under Appearance -> Customize -> Additional CSS:
.footer-widgets{ background: url('https://cdn.pixabay.com/photo/2018/09/30/16/26/sun-3713835_960_720.jpg') no-repeat scroll center center / cover; }
You just need to replace this url ‘https://cdn.pixabay.com/photo/2018/09/30/16/26/sun-3713835_960_720.jpg’ with your own.
March 24, 2022 at 10:09 pm #1279516margaret NjeriParticipantThank you!
March 27, 2022 at 8:29 am #1280481margaret NjeriParticipantHow do i change the font style, colour and size at the footer area?
March 28, 2022 at 12:31 am #1280660margaret NjeriParticipantAlso how do make it full width?
March 29, 2022 at 2:57 am #1281381J. DavisKeymasterHi Margaret,
Thanks for contacting us.
1. You may use a third-party plugin to adjust the typography on your site e.g. ‘Fonts Plugin | Google Fonts Typography’ or ‘Easy Google Fonts’, etc.
2. In order to switch the layout of the theme to the full width you should navigate to Appearance > Customize > Theme Options > Site Options and select the Wide option.
best regards,
J. DavisApril 4, 2022 at 1:16 am #1284216margaret NjeriParticipantIn order to switch the layout of the theme to the full width you should navigate to Appearance > Customize > Theme Options > Site Options and select the Wide option.
I have but but the footer did not change especially with the image on
April 4, 2022 at 1:48 am #1284240margaret NjeriParticipantThis reply has been marked as private.April 5, 2022 at 7:26 am #1285139J. DavisKeymasterHi Margaret,
Thanks for your reply.
1. You may try to add the style below to stretch the footer to the full width:
.footer-widgets{ max-width: 100%; }
2. As for the font color and size so you may try to use the style below:
.footer-widgets p { color: #000; font-size: 13px; }
Let me know if it is helpful.
best regards,
J. DavisApril 7, 2022 at 10:25 pm #1286668margaret NjeriParticipantWorks perfect thank you
April 10, 2022 at 5:22 am #1287418J. DavisKeymasterHi Margaret,
Thank you for your feedback. It would help us much if you leave a review about the MotoPress team on Trustpilot https://www.trustpilot.com/evaluate/www.getmotopress.com
best regards,
J. Davis - AuthorPosts
- You must be logged in to reply to this topic.