How can I left-justify my blog entry title and category/date on Foster template?

Hello, can someone help me left-justify my blog entry title and date/category? I am using the Foster template.

Thank you.

Add to Home > Design > Custom CSS. If the code doesn't work, can you share link to blog?

/* align left blog title */
.BlogList-item-title {
    text-align: left !important;
}
/* align left blog date */
.Blog-meta.BlogList-item-meta {
    justify-content: left;
}

Reference: Foster Template Custom CSS

Hi Tuan,

I pasted the code in the CSS section, but it didn't seem to work.

The title and date is still centred. It can be seen here: https://www.pascualstudio.com/blog/2020/08/13/howtomakealeathertassel.

Thank you.

9 minutes ago, puffaz said:

Hi Tuan,

I pasted the code in the CSS section, but it didn't seem to work.

The title and date is still centred. It can be seen here: https://www.pascualstudio.com/blog/2020/08/13/howtomakealeathertassel.

Thank you.

 

/* align left blog date - blog list */
.Blog-meta.BlogList-item-meta {
    justify-content: left;
}
/* align left blog date - blog detail */
.Blog-meta.BlogItem-meta {
    justify-content: start;
}
/* align left blog title - blog list */
.BlogList-item-title {
    text-align: left !important;
}
/* align left blog title - blog detail */
h1.BlogItem-title {
    text-align: left !important;
}

Thank you very much! It worked! 🙂