Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 14, 2018 at 5:34 pm #926735
    bakbek

    Hi, I want to make the post title smaller, remove the comments, center align the date and narrow the gaps as you can see in the screenshot.

    How can I do this and that it will only effect the blog post element on this page?

    Thanks!

    March 15, 2018 at 12:14 pm #927233
    Mike

    Hey DROR,
    Try this code in the General Styling > Quick CSS field:

    #top.home h3.slide-entry-title a {
font-size: 18px !important;
}
#top.home .slide-meta-comments,#top.home .slide-meta-del {
display: none !important;
}

#top.home .avia-content-slider .read-more-link a {
margin: 0px !important;
}
#top.home .avia-content-slider .read-more-link {
    top: 0px!important; 
    padding-bottom: 0px!important; 
}
#top.home .entry-footer .slide-meta {
margin-top: 5px !important;
}

    Best regards,
    Mike

    March 15, 2018 at 4:49 pm #927479
    bakbek

    Hi Mike, the comments number is still showing and the gap above the read more button is still pretty big. How can I make it smaller and only show the post date without the comments number?

    March 15, 2018 at 5:33 pm #927506
    Jordan Shannon

    Hi,

    I’m no longer seeing the comment amount. Please try clearing your cache a few times over and let us know if you’re still running into the issue.

    Best regards,
    Jordan Shannon

    March 15, 2018 at 5:35 pm #927511
    bakbek

    I checked from an incognito and I still see it.

    What about reducing the gap above the read more button?

    March 16, 2018 at 6:29 am #927943
    Mike

    Hi,
    This is because this is a different link than the first one you posted.
    For this new page, please try this css:

    #top.page-id-7940 h3.slide-entry-title a {
font-size: 18px !important;
}
#top.page-id-7940 .slide-meta-comments,#top.page-id-7940 .slide-meta-del {
display: none !important;
}

#top.page-id-7940 .avia-content-slider .read-more-link a {
margin: auto !important;
}
#top.page-id-7940 .avia-content-slider .read-more-link {
    top: 0px!important; 
    padding-bottom: 0px!important; 
}
#top.page-id-7940 .entry-footer .slide-meta {
margin-top: 5px !important;
}

    Or if you want to reuse this for many pages, try removing the first code and use this instead:

    #top h3.slide-entry-title a {
font-size: 18px !important;
}
#top .slide-meta-comments,#top .slide-meta-del {
display: none !important;
}

#top .avia-content-slider .read-more-link a {
margin: auto !important;
}
#top .avia-content-slider .read-more-link {
    top: 0px!important; 
    padding-bottom: 0px!important; 
}
#top .entry-footer .slide-meta {
margin-top: 5px !important;
}

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.