Title: Embeding Hhtml and external css
Last modified: January 4, 2017

---

# Embeding Hhtml and external css

 *  [rafaelsoteldo](https://wordpress.org/support/users/rafaelsoteldo/)
 * (@rafaelsoteldo)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/embeding-hhtml-and-external-css/)
 * Hi there:
 * Is there a way to embed html and external css code in a text widget?
    For example,
   I want to insert this html:
 * `<p>This is a paragraph<p>`
 * and this css:
 *     ```
       p {
       	color: red;
       }
       ```
   
 * I know I can use inline css embedded in the html code, but what if I wanted to
   use a larger css code. I’m using SiteOrigin Page Builder and SiteOrigin Widget
   Bundle
 * Thanks in advance
 * _[Moderator note: code fixed. Please wrap code in the backtick character or [use the code button](https://codex.wordpress.org/Forum_Welcome#Posting_Code).]_
    -  This topic was modified 9 years, 5 months ago by [bdbrown](https://wordpress.org/support/users/bdbrown/).

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

 *  [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * (@bdbrown)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/embeding-hhtml-and-external-css/#post-8615779)
 * I’d give the HTML element a class, then put your CSS in a central location like:
 * – The CSS editor included in the Customizer in WordPress 4.7
    – Install the [Jetpack plugin](https://jetpack.com/)
   and activate the [Custom CSS](https://jetpack.com/support/custom-css/) module–
   Install a custom CSS plugin like [https://wordpress.org/plugins/simple-css/](https://wordpress.org/plugins/simple-css/)–
   Create a [child theme](https://codex.wordpress.org/Child_Themes)
 *  Thread Starter [rafaelsoteldo](https://wordpress.org/support/users/rafaelsoteldo/)
 * (@rafaelsoteldo)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/embeding-hhtml-and-external-css/#post-8615826)
 * Do I have to create a child theme?, wouldn’t the first three steps suffice?
    -  This reply was modified 9 years, 5 months ago by [rafaelsoteldo](https://wordpress.org/support/users/rafaelsoteldo/).
 *  [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * (@bdbrown)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/embeding-hhtml-and-external-css/#post-8615917)
 * You only need to do one of those options. If you only have a relatively small
   amount of custom CSS, the WP custom CSS editor is a good option, and the CSS 
   stays with the theme. If you have a moderate amount of code then a plugin is 
   a good option. For a large amount of custom CSS I’d add a child theme.
 *  Thread Starter [rafaelsoteldo](https://wordpress.org/support/users/rafaelsoteldo/)
 * (@rafaelsoteldo)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/embeding-hhtml-and-external-css/#post-8618864)
 * Thank you
 *  [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * (@bdbrown)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/embeding-hhtml-and-external-css/#post-8618961)
 * You’re welcome; glad to help.

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

The topic ‘Embeding Hhtml and external css’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [html](https://wordpress.org/support/topic-tag/html/)
 * [SiteOrigin Page Builder](https://wordpress.org/support/topic-tag/siteorigin-page-builder/)
 * [text widget](https://wordpress.org/support/topic-tag/text-widget/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 5 replies
 * 2 participants
 * Last reply from: [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * Last activity: [9 years, 5 months ago](https://wordpress.org/support/topic/embeding-hhtml-and-external-css/#post-8618961)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics