badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Reply To: Modify TH: Post Widgets?

#75032

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