Sidebar blue cards

Hi iqbal. It's using custom css applied to the specific text widgets:

#text-5,
#text-6 {
	padding: 0;
	background: #1E72BD;
	color:#FFF;
	font-weight: 200;
	font-size: 17px;
}

#text-5 .title,
#text-6 .title {
	font-weight: 100;
	font-size: 55px;
}

.inside-custom-widget {
	padding: 30px;
	text-align: center;
	font-weight: 300;
}

#text-5 img,
#text-6 img {
	vertical-align:middle;
}

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

In the CSS above, #text-5 and #text-6 are the IDs of the widgets. You can right click and "Inspect Element" to find the ID of your desired widget.

More info here as well: https://generatepress.com/forums/topic/style-sidebar-widgets-individually/

Hello,

Thanks so much for the helpful and quick reply.

Best Regards

You're welcome. Glad to help :)