content background

BB Theme
1

How do I create or insert a gradated background inside the content area, or inside a row or column? Please check out my design previews for reference at this link:

Insert a white to blue gradated background inside the content areas:
http://www.4effect.com/CLIENTS/ITF-WEB/index.html

Website I’m working on: Home page
http://www.itechfit.com

Please help, thanks.
Chris V

2

Hey Chris,

Thanks for getting in touch! You can either make a picture of that background and set it as a photo background for the row/column/module or you can add custom CSS. I would prefer the latter as it’s much more dynamic. There’s also this online CSS Gradient Generator that you can use to generate the CSS.

Hope this helps!

Ben

3

Hi Ben,

Thanks very much for your help, and on a Sunday!?!! I really appreciate it. This is my first time using BB plugin and theme, and I’m loving it! It has already saved me lots of production time and is well worth the money. Quick question: do I copy and paste the CSS code in my child theme in the CSS Stylesheet Editor?

thanks,
Chris V

4

Hey Chris,

Yes, you can place your CSS in the style.css file on the child theme. Or you can place it under Theme Customizer > Code > CSS Code. You’re gonna want to place a class for your column/row/module on where you want to apply this, e.g., if you want to place it on a row, you can put a class of blue-gradient to your row. Then the CSS should look something like this.

.blue-gradient {
/* CSS from the gradient generator */
}

Hope this helps!

Ben