• Resolved integreatmedia

    (@integreatmedia)


    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)
  • 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

    (@integreatmedia)

    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?

    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

    (@integreatmedia)

    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.