Adding a background image to Divs and with styling

[kmb]

I am trying to figure out how to add image backgrounds to divs and widgets using Enterprise pro theme.

If possible, I would love to know how to set these images with fixed width and height and also with repeat axis.

Any help would be greatly appreciated and thank you very much for your time.

http://bowmansarrowmarketing.com

[nutsandbolts]

You can do this in your style.css by assigning a div class. For example, if you have a text widget with some random text in it, you can do this:

<div class="random-text">
Tortor mattis vut? Platea mid. Turpis diam dignissim ac, tincidunt habitasse in? Elementum lundium ultricies augue nunc dolor, scelerisque urna?
</div>

Then in your stylesheet, you can use .random-text to apply CSS rules to everything enclosed in that particular div. So you could set a background, change the font size/color, add padding, etc. Hopefully that makes sense.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[Author]

Posts