StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Gradient Background – Metro Pro Theme

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Gradient Background – Metro Pro Theme

This topic is: resolved
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 24, 2017 at 12:38 am #210720
    Paul
    Participant

    Hi All,

    I'm wondering if someone is able to help me please. I wanting to create my background from this color (#5bb1f9) at the top of the page to white at the bottom of the page (across the entire site).

    Does anyone know how to do this? If yes, could you also guide me in the right direction on where to put the code?

    Thanks.

    Paul.

    August 24, 2017 at 6:36 am #210724
    Victor Font
    Moderator

    I use this site to generate gradients: http://www.colorzilla.com/gradient-editor/

    Once you generate your gradient you copy and paste the CSS code into the body tag of your child theme's style.css. Hope this helps.

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    August 25, 2017 at 4:51 pm #210771
    Paul
    Participant

    Thanks Victor, that is a great solution and it worked a treat 🙂

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.