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

  • csjWP

    (@csjwp)


    10 years, 3 months ago

    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

    page: http://cubo.c-s-j.dk/nyheder/

    Thanks

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

Tags