I am trying to change the layout of a simple Blog Listing page, but I am not being successful ( btw, I am not a programmer, so I am sure that is the reason )
You can achieve all this with CSS. Just paste the following into your stylesheet :
/** Display inline so that the summary and more link are on the same line **/
.blog_content_area p,
.clear-blog-listing .blog_content_area a {
display: inline;
}
/** Change font size of time to read text **/
.blog--tag-author-coloumn .topic {
font-size: 15px;
}
/** Change the line height of the topics so that there's less space between lines **/
#hubspot-topic_data {
line-height: 21px;
}
OR you could paste it in a <style> block at the top of your blog listing code
<style>
/** Display inline so that the summary and more link are on the same line **/
.blog_content_area p,
.clear-blog-listing .blog_content_area a {
display: inline;
}
/** Change font size of time to read text **/
.blog--tag-author-coloumn .topic {
font-size: 15px;
}
/** Change the line height of the topics so that there's less space between lines **/
#hubspot-topic_data {
line-height: 21px;
}
</style>
If this answer solved your question, please mark it as the solution.
You can achieve all this with CSS. Just paste the following into your stylesheet :
/** Display inline so that the summary and more link are on the same line **/
.blog_content_area p,
.clear-blog-listing .blog_content_area a {
display: inline;
}
/** Change font size of time to read text **/
.blog--tag-author-coloumn .topic {
font-size: 15px;
}
/** Change the line height of the topics so that there's less space between lines **/
#hubspot-topic_data {
line-height: 21px;
}
OR you could paste it in a <style> block at the top of your blog listing code
<style>
/** Display inline so that the summary and more link are on the same line **/
.blog_content_area p,
.clear-blog-listing .blog_content_area a {
display: inline;
}
/** Change font size of time to read text **/
.blog--tag-author-coloumn .topic {
font-size: 15px;
}
/** Change the line height of the topics so that there's less space between lines **/
#hubspot-topic_data {
line-height: 21px;
}
</style>
If this answer solved your question, please mark it as the solution.