Archived topic
Need help to custom homepage elements.
3 replies · Started by Trạng on August 3, 2021
How can i adjust the height of the featured image on the homepage? I tried going into the elements archive layout to set the featured image height to 450px but no change happened. Current height make my featured to be cut off a part.
By the way please show me how to make the boldness of the post title in the archive page not as bold as in the single post, I want it lighter.
Hi Trang,
Go to customizer > addtional CSS, see if there's this CSS:
https://www.screencast.com/t/b5AjtYeAu
/* Category and author archives */
.category .dynamic-content-template img.dynamic-featured-image,
.author .dynamic-content-template img.dynamic-featured-image,
.blog .dynamic-content-template img.dynamic-featured-image {
width: 100%;
height: 250px;
-o-object-fit: cover;
object-fit: cover;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}You can change the heightin the above CSS.
For the font-weight of H2archive titles, go to Customizing > Typography > Headings, adjust thefont-weight of Heading 2(H2).
Let me know :)
Hi thank Ying, I changed the height featured image already. It works.
But about the H2, I just want to custom it to lighter in Archive page not in Single post so how could I do it? If I go toCustomizing > Typography > Headings, adjust thefont-weight of Heading 2(H2), it will also adjust in my single post.
Hi Trang,
You can do it with custom CSS.
Example:
body.archive h2 {
font-weight: 500;
}Or reduce 500 to a much lighter font-weight of your preference. :D
