Boxed content box no longer appearing correctly after update to 2.08

[nicneu]

Hi!

On my client’s website I have a content box next to a tweets slider which used to line up perfectly as two colored areas.

After updating to 2.08, the background color of the content box now only covers the height of the content of the box, which looks ridiculous (see screenshot).

How can I fix this and make it line up perfectly with the tweets slider like before?

Thanks!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
`div.spb-bg-color-wrap.coloured div.spb-asset-content{
margin-top:0px !important;
margin-bottom:0px !important;
}`

Thanks
Mohammad

[nicneu]

Hi Mohammed,

I tried adding this custom code but it does not have the desired effect. The beige box moved up a bit but is still much too short in height.

What I am looking for is a beige box of the same height as the black box that is the Tweets slider, and perfectly aligned with it.

Could you please have another look and give me another solution?

Thanks!

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

div.spb-bg-color-wrap.coloured div.spb-asset-content > box-content-wrap{
padding:127px !important;
}

Thanks
Mohammad

[nicneu]

Hi Mohammad,

This custom code is having no effect either. Could you have a look at the site to see what’s going on?

When I make changes to padding in Inspect Element, I can get the effect I want, but the code you gave me doesn’t do anything even though it appears that it should.

Thanks!
Nicole

[Mohammad – SUPPORT]

Hi,
Can you please attach screenshot of Inspect element position?
Thanks
Mohammad

[nicneu]

Hi Mohammad,

Attached please find the screenshot of how it should look.

Thanks!

Attachments:

You must be logged in to view attached files.

[Nishant – SUPPORT]

Add this custom CSS code in your theme options custom CSS box and let us know how it goes.

.spb-asset-content {
    margin: 0 !important;
}

.spb_box_content .box-content-wrap {
    padding: 127px 0 !important;
}

Regards,
Nishant
SwiftIdeas Customer Support Team

[nicneu]

Thanks, I was able to solve it with the last code, adjusting the pixel count.

[Kyle – SUPPORT]

Ok great

– Kyle