Single post title background and meta style

Hi,

I’m not exactly sure what background gradient value the screenshot it using but you can try this out.

@media(max-width:768px){
article.post .inside-article {
    background: linear-gradient(45deg, #724BB7 0%, #4098D7 100%);
    color: white;
}
.entry-title a, .entry-meta, .entry-meta a {
    color: white;
}
}

As for the entry meta style, you can follow this guide: https://docs.generatepress.com/article/entry-meta-style/

See Screenshot : Link

I want Background color in only title and meta not in whole article Background.

Also background color added in front page of blog layout. So please help me how to remove it.

Try this CSS:

article.post .entry-header {
    background: linear-gradient(45deg, #724BB7 0%, #4098D7 100%);
    color: white;
    padding: 40px;
    margin-left: -40px;
    width: calc(100% + 80px);
    margin-right: -40px;
    margin-top: -40px;
}
@media(max-width: 768px) {
    article.post .entry-header {
        margin-left: -20px;
        margin-right: -20px;
        margin-top: -30px;
        width: calc(100% + 40px);
    }
}

sir i add this above css its work but i want to add in only single post not in front page article title background.

screenshot

Try this code.

.single article.post .entry-header {
    background: linear-gradient(45deg, #724BB7 0%, #4098D7 100%);
    color: white;
    padding: 40px;
    margin-left: -40px;
    width: calc(100% + 80px);
    margin-right: -40px;
    margin-top: -40px;
}
@media(max-width: 768px) {
    .single article.post .entry-header {
        margin-left: -20px;
        margin-right: -20px;
        margin-top: -30px;
        width: calc(100% + 40px);
    }
}

thank you