Tagged: x
-
AuthorPosts
-
December 4, 2016 at 9:29 am #1280514
wtParticipantHello there,
I am trying to decrease the feature images size & excerpts font listed on the posts category archive page. I tried to look for in the forum but couldn’t find any. Can some one help on this?
Thanks!December 4, 2016 at 9:40 am #1280520
ThaiModeratorHi There,
Please add the following CSS:
@media (min-width: 980px){ .blog .x-main .hentry>.entry-featured, .search .x-main .hentry>.entry-featured, .archive .x-main .hentry>.entry-featured { width: 25%; } .blog .x-main .hentry.has-post-thumbnail>.entry-wrap, .search .x-main .hentry.has-post-thumbnail>.entry-wrap, .archive .x-main .hentry.has-post-thumbnail>.entry-wrap { width: 75%; } .entry-content.excerpt { font-size: 14px; } }Hope it helps 🙂
December 4, 2016 at 9:45 am #1280525
wtParticipantThis reply has been marked as private.December 4, 2016 at 9:50 am #1280529
wtParticipantThanks, one more thing please; can you also help to make the excerpt width smaller?
Thanks!December 4, 2016 at 9:58 am #1280536
ChristianModeratorPlease add the code below in your Appearance > Customize > Custom > Global CSS
.entry-content.excerpt { width: 80% }Thanks.
December 4, 2016 at 10:09 am #1280548
wtParticipantThanks, it works perfect! However when the excerpt size got smaller the tittle remains the same. Can you also help to make the tittles size smaller?
Thanks!December 4, 2016 at 10:21 am #1280555
ThaiModeratorHi There,
Please add the following CSS:
h2.entry-title { font-size: 110%; }Hope it helps 🙂
December 4, 2016 at 10:27 am #1280560
wtParticipantSorry, What I mean was the title width size.
Thanks!December 4, 2016 at 10:32 am #1280562
wtParticipantI think thats fine, I don’t need to resize the title width now. Thank you so much for the help!
December 4, 2016 at 10:56 am #1280577
ThaiModeratorIf you need anything else please let us know.
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1280514 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
