Title: ::before:: and ::after::?
Last modified: August 31, 2016

---

# ::before:: and ::after::?

 *  [csjWP](https://wordpress.org/support/users/csjwp/)
 * (@csjwp)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/before-and-after-2/)
 * I’m a newbie, I don’t know how to phrase this properly. So i’ve uploaded a screenshot
   as explanation.
 * Basicly, I have a grid blog template that comes with 3 columns, but I want 2.
   So I went into the content-post-grid.php and changed <div class=”col-sm-4″> to
   <div class=”col-sm-6″> and it worked. Each post now takes up 2 comms instead 
   of 3, so far so good.
 * But it’s not quite right.
 * Because it is still grouping 3 together. Leaving a blank spot where number 4 
   was supposed to be. And I can see in the web inspector that it’s gouping 3 <div
   class=”col-sm-6″> in between ::before:: and ::after::
 * <div class=”wpb_wrapper”>
    <div class=”row mb40″> ::before:: <div class=”col-
   sm-6″> <div class=”col-sm-6″> <div class=”col-sm-6″> ::after:: </div>
 * I’m thinking this is the problem, there should only be 2. But how to I write 
   some CSS that targets that .mb40 and tell it only put 2 in between ::before::
   and ::after::?
 * [Here is the screenshot](https://spideroak.com/browse/share/chris10an/pubShare/public/)
 * page: [http://cubo.c-s-j.dk/nyheder/ ](http://cubo.c-s-j.dk/nyheder/)
 * Thanks

The topic ‘::before:: and ::after::?’ is closed to new replies.

## Tags

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

 * 0 replies
 * 1 participant
 * Last reply from: [csjWP](https://wordpress.org/support/users/csjwp/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/before-and-after-2/)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics