Remove Read More Button – Purea Magazine

R Started by Raquel · April 27, 2020 at 9:02 pm · 7 replies 0 voices Last reply 6 years, 2 months ago
R
Raquel Original poster Member
#1

Hi,

I changed the website to show the full posts on the homepage.
But the Read More button still shows under the post and the social share button + the post categories are only available once you click on the Read More button and “enter” the post.
I would like both the social share button and the post categories to show under the post on the homepage and have the Read More button removed. How do I do that?

Best Regards

ST
Spiracle Themes Original poster
#2

Hi Raquel,

I can’t see the posts on your homepage. On scrolling, nothing happens.

To remove the Read More button, go to Appearance -> Customize -> Blog Settings -> Post and under the Post Excerpt section, just remove the text from the textbox.

Let us know if you have any questions

Best Regards

ST
Spiracle Themes Original poster
#3

Hi Raquel,

After making some adjustments to the code, I finally managed to achieve what you’re looking for. Please follow the steps

1) First of all, go to Appearance -> Customize -> Blog Settings (pro) and disable the Author Section
2) Similarly, disable the Related posts from Appearance -> Customize -> Related Posts Settings (pro)
3) Next open again the content.php (wp-content/themes/purea-magazine/template-parts/post/)
4) Add code as shown in screenshot. Save file

?>
    <div class="post-tags">
        <?php the_tags(); ?>
    </div>
    <div class="post-categories">
        <?php esc_html_e('Categories:','purea-magazine') ?><?php the_category(); ?>
    </div>
<?php

and

<?php esc_html(purea_magazine_single_post_after_content($post->ID)); ?>

VIEW SCREENSHOT

5) Next, paste the CSS below to Appearance -> Customize -> Additonal CSS

.home article ul.post-categories li a {
    background: #efefef;
	  color: #fff;
    padding: 5px 15px;
    border-radius: 45px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.home article ul.post-categories li {
	display: inline-block;
}

.home article .post-tags {
	 margin: 25px 0 10px 0;
}

.home article .social-share-links {
	margin-top: 10px;
	margin-bottom: 50px;
}

6) Check your homepage

Let us know if you have any difficulties doing this or have any questions

Best Regards

R
Raquel Original poster
#4

Hi,

Thank you so much, you’re been very helpful.
One more thing for now. Is it possible to show both the categories as well as the social share buttons right below the post? What I mean is that there is this long blank space after the post, I would like to make it shorter if possible.

Best Regards

ST
Spiracle Themes Original poster
#6

Hi Raquel,

Make sure you have the latest version of the theme ie 1.1.0.
Also, make sure you have removed the button text from Read More Text in Appearance -> Customize -> Blog Settings -> Post

Best Regards

ST
Spiracle Themes Original poster
#7

=====One more thing for now. Is it possible to show both the categories as well as the social share buttons right below the post? What I mean is that there is this long blank space after the post, I would like to make it shorter if possible. ===

———————————
Hi Raquel,
I guess yes, you can enable both the categories and social share and it will show also on your homepage posts
Let us know if you have any questions

Best Regards

Post a reply

Join the conversation. Be kind — this is a public forum.

Replying to Remove Read More Button – Purea Magazine

By posting, your reply becomes public (unless marked private).