Title: How to modify span class?
Last modified: August 21, 2016

---

# How to modify span class?

 *  Resolved [integreatmedia](https://wordpress.org/support/users/integreatmedia/)
 * (@integreatmedia)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/how-to-modify-span-class/)
 * How is best to modify the span class of an area in the template?
 * For example ‘Footer widget area one’ by default has the class of span4 and I 
   would like to change this to span6 so that it is wider?

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

 *  [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/)
 * (@rdellconsulting)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/how-to-modify-span-class/#post-4495438)
 * Link to site would help. But generally you can change the span4 (width: 33%) 
   to span6 (width:50%) depending on the property. Also have to allow something 
   for padding.
 * So try:
    .footer-one {width: 48%;} .footer-two {width: 24%;} .footer-three {width:
   24%;}
 *  Thread Starter [integreatmedia](https://wordpress.org/support/users/integreatmedia/)
 * (@integreatmedia)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/how-to-modify-span-class/#post-4495443)
 * Thanks.
 * I have also found this method of modifying the class values (via functions.php);
 * add_filter(‘tc_widgets_footer’, ‘custom_footer_one’);
    function custom_footer_one(
   $output) { return preg_replace(‘/span4/’, ‘span6’, $output); }
 * Is this considered a valid way?
 *  [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/)
 * (@rdellconsulting)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/how-to-modify-span-class/#post-4495446)
 * Yes, that’s fine. But.
 * Just make sure you’ve balanced all your spans. The original code was:
    span4-
   span4-span4
 * You’ve now changed it to span6-span6-span6 and that is not going to work in that
   it will overflow to a 2nd line. The total of the spans needs to = 12. So you’ll
   need to change something.
 * My CSS code might work better?
 * Link to site would help just to verify what I’ve said.
 *  Thread Starter [integreatmedia](https://wordpress.org/support/users/integreatmedia/)
 * (@integreatmedia)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/how-to-modify-span-class/#post-4495461)
 * Thanks – will go down the CSS width route!

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

The topic ‘How to modify span class?’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png)
 * Customizr
 * [Support Threads](https://wordpress.org/support/theme/customizr/)
 * [Active Topics](https://wordpress.org/support/theme/customizr/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/customizr/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [integreatmedia](https://wordpress.org/support/users/integreatmedia/)
 * Last activity: [12 years, 5 months ago](https://wordpress.org/support/topic/how-to-modify-span-class/#post-4495461)
 * Status: resolved