[Resolved] Sidebar blue cards

Home Forums Support [Resolved] Sidebar blue cards

Home Forums Support Sidebar blue cards

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #137272
    iqbal

    Hello,

    I want to have the same sidebar blue cards like on GeneratePress website.
    is it a plugin ?

    Best Regards

    #137297
    bdbrown

    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/

    #137305
    Tom
    Lead Developer
    Lead Developer

    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/

    #137351
    iqbal

    Hello,

    Thanks so much for the helpful and quick reply.

    Best Regards

    #137353
    bdbrown

    You’re welcome. Glad to help 🙂

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.