Title: CSS coding
Last modified: August 24, 2016

---

# CSS coding

 *  [Knutta](https://wordpress.org/support/users/knutta/)
 * (@knutta)
 * [11 years ago](https://wordpress.org/support/topic/css-coding-1/)
 * Hello,
 * I am totally new to WordPress, but I have a great time setting up a webpage. 
   I hope someone can help me with a basic question. I have a text widget which 
   I want to contain text and a background picture.
 * In the description area (of the widget) I have entered the following:
 * Welcome to The Supplier Portal.
 * <background-image: url([http://www.thesupplierportal.com/wp-content/uploads/2015/04/1600×900-hong-kong.jpg](http://www.thesupplierportal.com/wp-content/uploads/2015/04/1600×900-hong-kong.jpg));/
   >
 * However the picture (of Hong Kong) is not displayed at all, and not as background
   in the text widget. Does anyone know how to solve this?
 * Best regards,
 * Knutta

Viewing 1 replies (of 1 total)

 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [11 years ago](https://wordpress.org/support/topic/css-coding-1/#post-6044501)
 * OK, it looks like you’re combining/mixing up HTML and CSS code. Use an **img**
   tag like this:
 *     ```
       <img src="http://www.thesupplierportal.com/wp-content/uploads/2015/04/1600x900-hong-kong.jpg" />
       ```
   
 * By the way, that’s quite a large image for a widget. You generally want to scale
   down your images to the size you need so your page loads a bit faster.

Viewing 1 replies (of 1 total)

The topic ‘CSS coding’ is closed to new replies.

## Tags

 * [background](https://wordpress.org/support/topic-tag/background/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [image](https://wordpress.org/support/topic-tag/image/)
 * [widget](https://wordpress.org/support/topic-tag/widget/)

 * 1 reply
 * 2 participants
 * Last reply from: [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * Last activity: [11 years ago](https://wordpress.org/support/topic/css-coding-1/#post-6044501)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics