[System Administrator]

Hello,

I want to use various TH: Posts widgets, but they all have some sort of text box that covers up the background image or video. Is there a way to make these text boxes transparent so that they don’t obliterate the background image/video?

[Theme Horse Support Team]

Hi @system-administrator,

To make the post boxed (main) transparent along with changing the text colors and paddings, Please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS Code.

.post-boxed.main-post,
.post-boxed.inlined.main-post,
.mags-widget-multiple-layouts .post-boxed,
.mags-widget-card-block-posts .post-boxed,
.featured-stories .post-boxed {
	padding: 0;
	background: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.page-template-front-page-template .site-content .section-background .post-boxed .entry-title a,
.page-template-front-page-template .site-content .section-background .post-boxed .post-content .entry-meta a,
.page-template-front-page-template .site-content .section-background .post-boxed .entry-content p,
.featured-stories .post-boxed .entry-title a,
.featured-stories .section-background .post-boxed .post-content .entry-meta a {
	color: #ffffff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.page-template-front-page-template .site-footer .widget-area .post-boxed .entry-title a,
.page-template-front-page-template .site-footer .widget-area .post-boxed .post-content .entry-meta:not(.category-meta) a,
.page-template-front-page-template .site-footer .widget-area .post-boxed .entry-content p {
	color: #bbbbbb;
}
.page-template-front-page-template .site-footer .widget-area .post-boxed .entry-title a:hover,
.page-template-front-page-template .site-footer .widget-area .post-boxed .entry-title a:hover,
.page-template-front-page-template .site-footer .widget-area .post-boxed .post-content .entry-meta:not(.category-meta) a:hover {
	color: #ffffff;
}

.post-boxed .post-content,
.mags-widget-horizontal-vertical-posts .post-vertical .post-boxed.main-post .post-content,
.widget-area .mags-widget-horizontal-vertical-posts .post-boxed.main-post .post-content {
	padding-left: 0;
	padding-right: 0;
}
.mags-widget-horizontal-vertical-posts .post-horizontal .post-boxed.main-post .post-content {
	padding-top: 0;
	padding-bottom: 0;
}
.site-footer .mags-widget-horizontal-vertical-posts .post-horizontal .post-boxed.main-post .post-content {
	padding-top: 15px;
}
@media (max-width: 767px) {
.mags-widget-horizontal-vertical-posts .post-horizontal .post-boxed.main-post .post-content,
.site-footer .mags-widget-horizontal-vertical-posts .post-horizontal .post-boxed.main-post .post-content {
	padding-top: 15px;
	padding-left: 0;
	padding-right: 0;
}
}

Thanks

[System Administrator]

That was very helpful. Thank you.

[Theme Horse Support Team]

welcome @system-administrator,

Please let us know if you have any other queries regarding the theme.

Thanks

[Author]

Posts