Title: Coding Css for php page template
Last modified: August 21, 2016

---

# Coding Css for php page template

 *  Resolved [etruchan](https://wordpress.org/support/users/etruchan/)
 * (@etruchan)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/coding-css-for-php-page-template/)
 * I recently wrote a php file for a promotion template page for a client website
   the code is as follows:
 *     ```
       <?php
       /*
       Template Name: Promotion Page
       */
       ?>
   
       <?php get_header(); ?>
       <div class="art-sheet clearfix">
                   <div class="art-layout-wrapper">
                       <div class="art-content-layout">
                           <div class="art-content-layout-row">
                               <div class="art-layout-cell art-content"><article class="art-post art-article">
   
                       <div class="art-postcontent art-postcontent-0 clearfix"><div class="art-content-layout">
           <div class="art-content-layout-row">
           <div class="art-layout-cell" style="width: 100%" >
               <p style="text-align: center;">
       			the_post_thumbnail()</p>
           </div>
           </div>
       </div>
       <div class="art-content-layout">
           <div class="art-content-layout-row">
           <div class="art-layout-cell" style="width: 55%" >
               <p><?php get_sidebar('top'); ?>
       			<?php
   
       			if (have_posts()) {
       				/* Start the Loop */
       				while (have_posts()) {
       					the_post();
       					get_template_part('content', 'page');
       				}
       			} else {
       				theme_404_content();
       			}
       			?>
       			<?php get_sidebar('bottom'); ?></p>
           </div><div class="leather-background" style="width: 45%" >
               <p style="text-align: center;"><iframe width="400" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=CornerStone+Sports+Pub+%26+Eatery,+South+Main+Street,+Oconomowoc,+WI&aq=0&oq=cornerstone+sports&sll=44.900771,-89.56949&sspn=13.335608,28.54248&ie=UTF8&hq=&hnear=&t=m&ll=43.111436,-88.49976&spn=0.001371,0.002146&z=18&iwloc=lyrftr:m,3262774016263517484,43.110896,-88.499792&output=embed&wmode=transparent&wmode=transparent&wmode=transparent&wmode=transparent&wmode=transparent&wmode=transparent&wmode=transparent"></iframe><br></p><p style="text-align: center;"><?php echo do_shortcode('[widget id="ermm_widget-2"]'); ?><br></p>
           </div>
           </div>
       </div>
       <div class="art-content-layout">
           <div class="art-content-layout-row">
           <div class="art-layout-cell" style="width: 100%" >
               <h3>Questions or COncerns</h3><p>If you need any further clarification about this event, please <a href="http://www.cornerstonesportspub.com/cornerstone/contact-us/">contact us</a>. stop in at 24 S Main St, Oconomowoc, WI 53066, or call 262.560.1368</p><p>We will see you soon.</p>
           </div>
           </div>
       </div>
       </div>
   
       </article></div>
                           </div>
                       </div>
                   </div>
           </div>
       <?php get_footer(); ?>
       ```
   
 * The portion I want to stylize is this portion:
 *     ```
       <div class="leather-background" style="width: 45%" >
               <p style="text-align: center;"><iframe width="400" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=CornerStone+Sports+Pub+%26+Eatery,+South+Main+Street,+Oconomowoc,+WI&aq=0&oq=cornerstone+sports&sll=44.900771,-89.56949&sspn=13.335608,28.54248&ie=UTF8&hq=&hnear=&t=m&ll=43.111436,-88.49976&spn=0.001371,0.002146&z=18&iwloc=lyrftr:m,3262774016263517484,43.110896,-88.499792&output=embed&wmode=transparent&wmode=transparent&wmode=transparent&wmode=transparent&wmode=transparent&wmode=transparent&wmode=transparent"></iframe><br></p><p style="text-align: center;"><?php echo do_shortcode('[widget id="ermm_widget-2"]'); ?><br></p>
           </div>
           </div>
       </div>
       ```
   
 * I created a background image that I would like to insert behind this section.
   The image size is 430 x 683. The div is 45% of 1000px. I would like to add some
   padding for text, and make sure the image is centered, and automatically re-sizes
   to fill the div w/out being cutoff.
 * I created this css code to start tinkering but nothing happened:
 *     ```
       .leather-background{
           background-image:url("http://www.cornerstonesportspub.com/wp-content/uploads/2013/09/Leather-Background.png");
           background-size: 100%;
           padding: 10px;
       }
       ```
   
 * Any help is appreciated

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

 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/coding-css-for-php-page-template/#post-4137839)
 * I’m sorry but we do not support Artisteer themes here. Try asking for support
   on [http://www.artisteer.com/?forum_id=13&p=forum_topics](http://www.artisteer.com/?forum_id=13&p=forum_topics)
 *  Thread Starter [etruchan](https://wordpress.org/support/users/etruchan/)
 * (@etruchan)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/coding-css-for-php-page-template/#post-4137842)
 * When i use firebug, to check the code it has reverted back to this:
 *     ```
       <div class="art-layout-cell layout-item-0" style="width: 45%">
               <p style="text-align: center;"><iframe marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=CornerStone+Sports+Pub+%26+Eatery,+South+Main+Street,+Oconomowoc,+WI&aq=0&oq=cornerstone+sports&sll=44.900771,-89.56949&sspn=13.335608,28.54248&ie=UTF8&hq=&hnear=&t=m&ll=43.111436,-88.49976&spn=0.001371,0.002146&z=18&iwloc=lyrftr:m,3262774016263517484,43.110896,-88.499792&output=embed&wmode=transparent&wmode=transparent&wmode=transparent&wmode=transparent&wmode=transparent&wmode=transparent&wmode=transparent&wmode=transparent" frameborder="0" height="350" scrolling="no" width="400"></iframe></p><p style="text-align: center;"></p><h3>Today's Specials</h3><br><div class="widget widget_ermm_widget"><div class="ermm_widget"><p class="name">Chicken Wings<span class="price">.34  each</span></p><p class="description">Are you ready to get messy. We are offering our regular AWESOME chicken wings at a ridiculous rate. All you have to do is come in buy a minimum of 10 and a beverage and enjoy.</p><p class="bottom_description">***special prices and items are dine in only!</p></div>
       ```
   
 * I know I am messing this up but am unsure where.
 *  Thread Starter [etruchan](https://wordpress.org/support/users/etruchan/)
 * (@etruchan)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/coding-css-for-php-page-template/#post-4137845)
 * I am in the process of changing the template to Twenty Thirteen. The template
   I am using is irrelevant though. I still need css for the php file that is going
   to be used regardless of which template I use.
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/coding-css-for-php-page-template/#post-4137853)
 * That’s an impossible request. CSS is completely theme-specific.
 *  Thread Starter [etruchan](https://wordpress.org/support/users/etruchan/)
 * (@etruchan)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/coding-css-for-php-page-template/#post-4137877)
 * Any idea where I can get help? Artisteer is of no use.
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/coding-css-for-php-page-template/#post-4137915)
 * I’m sorry but as I said, we don’t support Artisteer themes here.
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/coding-css-for-php-page-template/#post-4137917)
 * For CSS help, you could try:
 * [http://csscreator.com](http://csscreator.com)
 *  Thread Starter [etruchan](https://wordpress.org/support/users/etruchan/)
 * (@etruchan)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/coding-css-for-php-page-template/#post-4138076)
 * I figured it out

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

The topic ‘Coding Css for php page template’ is closed to new replies.

 * 8 replies
 * 3 participants
 * Last reply from: [etruchan](https://wordpress.org/support/users/etruchan/)
 * Last activity: [12 years, 8 months ago](https://wordpress.org/support/topic/coding-css-for-php-page-template/#post-4138076)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics