Stack Renew, post customization

I wanted to remove the icon before the title and found this post and add that code to CSS, it does work. :slight_smile:
Removing blog icon not working

How do I remove the “read more” for each post?

How do I remove the frame from each featured image?

Thank you!

Hi @LucyKeile,

Thanks for reaching out.
To remove the Read More link and the border around the Featured Image, please add the following code into the Theme Options > CSS.

.entry-featured
{
    border:none !important;
}
.more-link
{
    display:none;
}

Please remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

It works almost perfectly. How do I get these (…) to be gone as well?

Hi @LucyKeile,

If you are referring to this page: https://laurelstreetmusic.com/past-concerts/. You can remove the three dots by using the CSS code below:

.x-iso-container-posts .post .entry-content {
	display: none;
} 

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

Thank you.

that will work. Sending a secure note for you.

Hi @LucyKeile,

The Three Dots appear just because you have removed the Read More using the custom CSS code given in the previous thread. You can remove both Read More and the Three Dots by adding the following code into your child theme’s functions.php

add_filter( 'excerpt_more', '__return_empty_string' ); 

Hope it helps.
Thanks

I use this code to remove the icon but did not add the code to remove read more and … ( but it is no longer there)

@media (max-width: 979px) {
.single-recipe .x-main.full {
margin-left:0px;
margin-right: 0px;
}
}
.entry-thumb:before {
display: none;
}

.entry-title:before {
display: none;
}

Hi @LucyKeile,

It’s good to know that. If there is anything else we can help you with, please do not hesitate to open another thread.

Cheers.

Not sure what happened but I had to do this again… Here is the goal…
Remove in blog page icon, read more, and ( …)

Remove in post feature image and make sure everything displays fullwidth.

this is what I added into the. CSS

@media (max-width: 979px) {
.single-recipe .x-main.full {
margin-left:0px;
margin-right: 0px;
}
}
.entry-thumb:before {
display: none;
}

.entry-title:before {
display: none;
}
.entry-featured
{
border:none !important;
}
.more-link
{
display:none;
}
.x-iso-container-posts .post .entry-content {
display: none;
}
.single-post .x-container.max {
max-width: 100% !important;
width: 100%;
}
.single-post .entry-featured {
display: none;
}
.single-post .entry-title {
display: none;
}

Is it correct ?
Thank you!

Hi @LucyKeile,

It is not possible to understand whether the custom CSS code is correct or not when it is written completely based on your need. I would suggest you add the code and let us know if that works or not.
Please remember that we don’t offer any support or investigation to the issues related to custom codes.

Thanks

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.