footer

  • This topic has 10 replies, 3 voices, and was last updated 2 years ago by J. Davis.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1277569
    margaret Njeri
    Participant

    How can i add footer background image?

    #1278258
    Valeriia Bavykina
    Moderator

    Hello 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.

    #1279516
    margaret Njeri
    Participant

    Thank you!

    #1280481
    margaret Njeri
    Participant

    How do i change the font style, colour and size at the footer area?

    #1280660
    margaret Njeri
    Participant

    Also how do make it full width?

    #1281381
    J. Davis
    Keymaster

    Hi 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. Davis

    #1284216
    margaret Njeri
    Participant

    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.

    I have but but the footer did not change especially with the image on

    #1284240
    margaret Njeri
    Participant
    This reply has been marked as private.
    #1285139
    J. Davis
    Keymaster

    Hi 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. Davis

    #1286668
    margaret Njeri
    Participant

    Works perfect thank you

    #1287418
    J. Davis
    Keymaster

    Hi 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

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.