Premium support

Please log in to post in these forums. If you didn't create an account when you purchased, please contact us.

Free support

If you haven't purchased GP Premium, support for the free theme can be found on WordPress.org.

[Resolved] svg background footer widget area

Home Forums Support svg background footer widget area

Tagged: 

This topic contains 5 replies, has 2 voices, and was last updated by  Leo 6 days, 5 hours ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #495912

    hi there, i’d like to use an svg background from heropatterns.com. They give you the css for it: `background-color: #ffffff;
    background-image: url(“data:image/svg+xml,%3Csvg xmlns=’http://www.w3.org/2000/svg’ viewBox=’0 0 80 80′ width=’80’ height=’80’%3E%3Cpath fill=’%23668abe’ fill-opacity=’0.04′ d=’M14 16H9v-2h5V9.87a4 4 0 1 1 2 0V14h5v2h-5v15.95A10 10 0 0 0 23.66 27l-3.46-2 8.2-2.2-2.9 5a12 12 0 0 1-21 0l-2.89-5 8.2 2.2-3.47 2A10 10 0 0 0 14 31.95V16zm40 40h-5v-2h5v-4.13a4 4 0 1 1 2 0V54h5v2h-5v15.95A10 10 0 0 0 63.66 67l-3.47-2 8.2-2.2-2.88 5a12 12 0 0 1-21.02 0l-2.88-5 8.2 2.2-3.47 2A10 10 0 0 0 54 71.95V56zm-39 6a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm40-40a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM15 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm40 40a2 2 0 1 0 0-4 2 2 0 0 0 0 4z’%3E%3C/path%3E%3C/svg%3E”);`

    as well as let you download an unstyled svg. What is the best way to get this into the background of the footer widget area? thanks so much!

    GeneratePress 2.0.2
    #496082

    Leo
    Staff

    Hi there,

    Try the CSS method:

    .footer-widgets {
        /*CSS here*/
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

    #496474

    thanks. Right now it appears like this: http://www.tutoringservicesseattle.com/nanny/

    but I’m hoping there would be a bunch of these anchors (is repeating the right word?) and would look like this: (scroll down to ‘anchors away’) http://www.heropatterns.com/

    #496702

    Leo
    Staff

    Might actually be easier to generate the image and add in as background image using the customizer: https://docs.generatepress.com/article/backgrounds-overview/

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

    #496720

    thanks. i added the svg as the background image and left the css. it worked

    #496721

    Leo
    Staff

    No problem!

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.