Removing Comments and Read More buttons
Hi - Epic day making a start on this site but the theme is behaving itself and these Forum discussions have been a great help. I have a few more questions to add, hopefully it's quick and easy CSS solutions.
On my main BLOG front page: http://t.akriga.co.uk/ I would like to
- Remove the Heart and Read More symbols - maximising space for content on screen
- Adjust the size of the font used for the Blog Post titles (make text smaller)
Once inside a Blog Post: http://t.akriga.co.uk/?p=20 I would like to
- Remove the navigation bar at the top (stripy banner that includes an arrow) - allowing the blog content (picture) to start just below the Blog Post Title
- Remove the ability to leave comments at the bottom of the post
On Posts within my PORTFOLIO page: I would like to:
- Remove the navigation bar at the top (stripy banner that includes an arrow) - the same point as above
- Remove the date at the top of the post
Currently, I am using the following custom CSS:
.single-post .image_frame .image_wrapper { display: none; }
.single-photo-wrapper .image_frame { display: none; }
.single-portfolio #Subheader { display: none; }
.single-portfolio .post-header .button-love { display: none; }
.single-portfolio .post-header .title_wrapper { margin-left: 0; border: none; }
.single-portfolio .post-meta .author-date { display: none; }
.single-portfolio .post-meta .category { display: none; }
.single-portfolio .fixed-nav.fixed-nav-prev { display: none; }
.image_frame .image_wrapper .mask:after { display: none !important; }
.Recent_posts ul li .desc .date { display: none; }
.love-text { display: none; }
.post-footer .button-love .love-text { display: none; }
.post-footer .post-links .post-comments { display: none; }
.icon-comment-empty-fa:before { display: none; }
.post-header .button-love { display: none; }
.post-meta { display: none !important; }
.post-footer .post-links .post-comments { display: none; }
.icon-comment-empty-fa:before { display: none; }
.single-portfolio .post-meta .author-date { display: none; }
Many thanks in advance for your help
G
Comments
1. .masonry .post-footer { display: none; }
2. .masonry .post-title h2 { font-size: 20px; }
------------------------------------------------------------------
1. .section-post-header { display: none; }
2. #comments { display: none; }
------------------------------------------------------------------
1,2) What pages are those? Portfolio or posts pages? Please send us link to this page and we`ll have a look on it.