color-gradient bounding box around page

  • Here’s the website I’m working on: tmfnyproductions.com
    I built it using Atahualpa theme.

    The page background is black. The window background around this page is brown.
    (I’m a nube, so excuse me if I’m describing things using the “wrong” words).

    I want to encase the page in a rectangle, and have this border have a color gradient in it that goes from black to brown, effectively blending the page into the background.

    Any advice/code to use?
    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)

  • I dont know your theme.

    But you will probably want to use a gradient as body background.

    You can generate CSS code for such a gradient here https://www.colorzilla.com/gradient-editor/

    You would then need to add this code to your stylesheet.

    If your theme benefits from automatic updating, this code will get lost though. So consider adding it to a child theme or adding it via a plugin which allows to add CSS to your website.

    Thread Starter williah

    (@williah)

    Thanks, curlybracket.

    The thing is I don’t want to gradient the entire background. Eventually I’m going to have a picture as the background, and I want the edge of the page to “gently” blend into the background with a color gradient, as apposed to the harsh line that now exists.

    Thanks for the link though. I have other cases where this will come in useful.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘color-gradient bounding box around page’ is closed to new replies.