Blog Grid Posts with left and right borders

Hey Mike,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

#main .main_color .avia-content-slider .slide-image {
	 background: transparent;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
I see that this is an iframe inside a code block, you could use this css:

#main .avia_codeblock {
    height: 508px;
}

the first issue is that you should add a custom class to the code block element so this doesn’t effect other code blocks on other pages, add it like this:

#main .custom-class .avia_codeblock {
    height: 508px;
}

the second issue is that this height is not dynamic so if the iframe height changes often you will want to guess what the tallest height might be and use that.
With iframes you don’t have control of the inner content.
You could try a javascript solution.

Best regards,
Mike

Hi,

Try this css

#main .changely-widget.avia_codeblock {
    height: 508px;
}

You won’t be able to change the background color because it’s in an iframe, it must be changed at the source.
See the source link below, the larger background color is light gray.
You could try making the iframe the exact size of the inner white background color of the iframe:

#main .changely-widget.avia_codeblock {
    max-width: 568px;
    height: 474px;
    margin: auto;
}

Best regards,
Mike