Title: HTML/CSS combination containers
Last modified: August 21, 2016

---

# HTML/CSS combination containers

 *  [alexmbarlow](https://wordpress.org/support/users/alexmbarlow/)
 * (@alexmbarlow)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/htmlcss-combination-containers/)
 * I am having a major, amateur issue with some containers on one site.
 * I posted my problem on Yahoo answers and the help I recieved was a part HTML 
   part CSS code to apply to my page.
 * CSS was as follows:
 *     ```
       .container {
           width: 60%;
           margin: 0 auto;
       }
       .container h3 {
           margin: 0;
           text-align: center;
           background-color: #5882fa;
           padding: 3px 0;
           color: #ccc;
       }
       .container .content {
           background-color: #848484;
           padding: 5px 10px;
       }
       .container .content p {
           margin: 0;
       }
       .white {
           color: #ffffff;
       }
       .container .footer {
           background-color: #5882fa;
           color: #2E2EFE;
           clear: both;
           text-align: center;
           letter-spacing: 7px;
           text-transform: uppercase;
           padding: 3px 0;
       }
       ```
   
 * and the HTML:
 *     ```
       <div class="container">
           <h3>Mission</h3>
           <div class="content">
               <p class="white">content</p>
               <span title="Read More" id="id8420" class="collapseomatic ">Read More</span>
           </div>
           <div class="footer">The voice for wheelchair access</div>
       </div>
       ```
   
 * _[Moderator Note: Please post code & markup between backticks or use the code
   button. Your posted code may now have been permanently damaged by the forum’s
   parser.]_
 * Now for the question which shows I know nothing:
 * I have no idea where to apply the CSS, I thought in the theme editor files but
   I have no idea where to place it within those files :/
 * Can someone please help?

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

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 8 months ago](https://wordpress.org/support/topic/htmlcss-combination-containers/#post-4233529)
 * Is this regarding the “CSS” plugin?
 *  Thread Starter [alexmbarlow](https://wordpress.org/support/users/alexmbarlow/)
 * (@alexmbarlow)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/htmlcss-combination-containers/#post-4233547)
 * No I’m just trying to make the containers line up with their headers. The site
   of the issue is:
 * [http://wheelchairaccess.co.uk.gridhosted.co.uk/](http://wheelchairaccess.co.uk.gridhosted.co.uk/)
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/htmlcss-combination-containers/#post-4233589)
 * You need to start by creating a child theme so that your changes are not lost
   when WP is updated –
 * [http://codex.wordpress.org/Child_Themes](http://codex.wordpress.org/Child_Themes)
 * Then, please explain what you are trying to change – as the HTML code above is
   generated dynamically upon page load in the browser – so you can’t just change
   the HTML in the dashboard editor.

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

The topic ‘HTML/CSS combination containers’ is closed to new replies.

## Tags

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

 * 3 replies
 * 3 participants
 * Last reply from: [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * Last activity: [12 years, 8 months ago](https://wordpress.org/support/topic/htmlcss-combination-containers/#post-4233589)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics