Docs

[hipbluesofa]

Hi all – thanks for all the support so far. I have another query:

I would like to add some color to my pages like: http://www.hipbluesofa.com/newja/glenmills-body-treatments/ and those that are based on it as it’s too dark. Can I add a pattern to the background or to the sidebars? (or both?)

I see 3 areas that could use a color treatment: https://gmkr.io/s/5745fc2de0575cd44e2659fd/0 can I differentiate with CSS?

Can someone suggest something? Thanks much!

A

[John Ezra]

Hi A,

Thanks for writing in! Area 1 and 3 are the same. You can search for CSS patterns online and use those to add a pattern to your requested areas. I have provided to patterns to guide you, so you can see the structure.

You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

div#top {
   background:
    linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
    linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
    linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
    linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
    linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
    linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
    background-color: #131313;
    background-size: 20px 20px;
}

.entry-wrap {
    background:
    radial-gradient(black 15%, transparent 16%) 0 0,
    radial-gradient(black 15%, transparent 16%) 8px 8px,
    radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
    radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-color:#282828;
    background-size:16px 16px;
}

Hope this helps – thanks!

[Author]

Posts