This CSS will change the columns on the journal category archive page from 3 to 4 columns :
Add the following CSS to the end of the Academy Pro themes style.css file and clear caching.
.category-journal.academy-grid.archive:not(.woocommerce-page) .content .entry {
float: left;
margin: 0 1.5% 30px;
width: 22%;
}
.category-journal.academy-grid.archive:not(.woocommerce-page) .content .entry:nth-of-type(3n+1) {
clear: none;
}
@media only screen and (max-width: 1023px) {
.category-journal.academy-grid.archive:not(.woocommerce-page) .content .entry {
float: none;
text-align: center;
width: 100%;
}
}Optional CSS
Modifies the default styling for the entry header elements.
.category-journal .content .entry h2.entry-title {
font-size: 16px;
font-size: 1.6rem;
letter-spacing: -0.5px;
margin: 20px 0 20px;
text-align: left;
}
.category-journal.academy-grid .content .entry .entry-title,
.category-journal.academy-grid .content .entry .entry-meta,
.category-journal.academy-grid .content .entry .entry-content {
padding: 0px;
}
Leave a Reply
You must be logged in to post a comment.