Before you ask please READ THIS

Change color area below postgrid

in FatMoon Posts: 136

And another question...

Is there any way I can make the white space below the postgrid - see attach - the same color as the footer?
http://bumsch.com/work/bread_packaging_bakkersland/

Cheers!
Screen Shot 2016-10-26 at 11.02.14 .png
2832 x 1732 - 2M

Comments

  • Posts: 136
    as well as the area on the empty last brick in the postgrid.
  • AirAir
    Posts: 10,970
    Hello:-)

    As for space below you should probably remove content padding(while editing work) and also remove spacing on visual Composer element.

    As for post grid I believe you can use such custom CSS:

    .vc_grid.vc_row {
    background-color: #000;
    }
    With kind regards.
  • Posts: 136
    Hi Air thanks for the response! However it doesn't completely solve the issue.

    I do now have a smaller bit of white by removing content padding, but there is still some white space
    and The bricks place on the right of the last brick is still white.

    basically I would like to the postgrid bricks sit on a black background.

    Do you see a solution?

    Thanks again
    Screen Shot 2016-10-27 at 11.49.26 .png
    2830 x 1334 - 1M
  • Posts: 136
    Actually I just noticed that the area on the right of the last brick does change color to #000 on smaller browser window widths and mobile. see attach
    Screen Shot 2016-10-27 at 12.19.51 .png
    1382 x 860 - 355K
  • AirAir
    Posts: 10,970
    vncnt said: Actually I just noticed that the area on the right of the last brick does change color to #000 on smaller browser window widths and mobile. see attach
    Because you have put it in media query, and it only works for resolution lower then 768px. You either made it by mistake or didn't close media query with }

    With kind regards.
    vncnt said: I do now have a smaller bit of white by removing content padding, but there is still some white space
    and The bricks place on the right of the last brick is still white.
    Air said: also remove spacing on visual Composer element.
    Like I said you will have to remove spacing on elements in VC. Go edit Post grid element end in design options set 0 for padding and margin.
    See this
    image

    With kind regards.
    ss-2016-10-27_16-09-22.png
    579 x 578 - 20K
  • Posts: 136

    Below is the custom css I have in place, could you please tell me where I have to make an adjustment? Thank you!

    .vc_btn3.vc_btn3-size-xs {
    font-size: 11px;
    padding: 8px 24px 7px;
    }
    @media only screen and (max-width: 768px) {
    .vc_grid.vc_row .vc_grid-item.vc_col-sm-4 {
    width: 33.3333333%;
    display: inline-block !important;
    }
    .vc_grid.vc_row {
    background-color: #000;
    }
    }
  • Posts: 136
    Never mind I got it working.

    Thx!
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!