- This topic has 18 replies, 4 voices, and was last updated 3 years, 6 months ago by Leo.
-
AuthorPosts
-
October 6, 2020 at 11:47 am #1475112Sanu Kumar
I want to make H2 text size of first post bigger than grid posts. How to do that?
October 6, 2020 at 1:55 pm #1475275LeoStaffCustomer SupportHi there,
Try this CSS:
.post.featured-column h2.entry-title { font-size: 50px; }
October 6, 2020 at 7:50 pm #1475604Sanu KumarHey Leo
I tried this but doesn’t work
See here: https://www.loom.com/share/f93d4542f06846b896b4d3c63fe32735
October 6, 2020 at 8:06 pm #1475617LeoStaffCustomer SupportLooks like you forgot to close the previous
@media (max-width: 768px) {
that’s just right above it?October 6, 2020 at 8:20 pm #1475632Sanu Kumar@media (max-width: 768px) { .featured-column h2.entry-title font-size: 24px; } .post.featured-column h2.entry-title { font-size: 40px; }
I did but not working
October 6, 2020 at 8:54 pm #1475661LeoStaffCustomer SupportThat would make both set of code mobile only.
Can you try this instead?
@media (max-width: 768px) { .featured-column h2.entry-title { font-size: 24px; } } .post.featured-column h2.entry-title { font-size: 40px; }
Please compare the difference between your code and my code.
October 6, 2020 at 9:03 pm #1475665Sanu Kumarit helped ๐
coding is really a nightmare for me…thanks!!!!
October 6, 2020 at 9:15 pm #1475673LeoStaffCustomer SupportNo problem ๐
October 6, 2020 at 9:22 pm #1475677Sanu Kumarsorry to disturb again, I checked all is working but mobile font is not working.
October 6, 2020 at 9:48 pm #1475699ElvinStaffCustomer SupportThe previous code seems to have a missing bracket.
You can try this.
@media (max-width: 768px) { .featured-column h2.entry-title { font-size: 24px; } } .post.featured-column h2.entry-title { font-size: 40px; }
October 6, 2020 at 10:39 pm #1475757Sanu KumarLeo’s code is working but for the desktop version and I tried Elvin’s code doesn’t work ( means I try to add a bracket
.featured-column h2.entry-title {
but does not workOctober 7, 2020 at 5:03 am #1476266DavidStaffCustomer SupportHi there,
can you share a link to your site?
October 7, 2020 at 5:28 am #1476308Sanu KumarOctober 7, 2020 at 6:41 am #1476423DavidStaffCustomer SupportChange this CSS:
@media (max-width: 768px) { .separate-containers .paging-navigation { padding: 20px; } .review-total-wrapper span.review-total-box { font-size: 30px; width: 100%; box-sizing: border-box; overflow: hidden } .review-links { text-align: center } .reviewed-item { width: 100%; max-height: 100% } .review-total-wrapper { position: initial } #review .review-links a { font-size: 100% } .reviewed-item { text-align: center } .review-total-wrapper span.review-total-box { padding: 0 } .elementor { clear: both; } @media (max-width: 768px) { .featured-column h2.entry-title font-size: 19px; } } .post.featured-column h2.entry-title { font-size: 29px; }
to:
.post.featured-column h2.entry-title { font-size: 29px; } @media (max-width: 768px) { .separate-containers .paging-navigation { padding: 20px; } .review-total-wrapper span.review-total-box { font-size: 30px; width: 100%; box-sizing: border-box; overflow: hidden } .review-links { text-align: center } .reviewed-item { width: 100%; max-height: 100% } .review-total-wrapper { position: initial } #review .review-links a { font-size: 100% } .reviewed-item { text-align: center } .review-total-wrapper span.review-total-box { padding: 0 } .elementor { clear: both; } .featured-column h2.entry-title { font-size: 19px; } }
October 7, 2020 at 7:08 am #1476473Sanu KumarNot worked
-
AuthorPosts
- You must be logged in to reply to this topic.