|
NOPA
|
August 17, 2024 at 11:08 am
I tried this CSS:
.type-espresso_events .read-more {
display: none;
}
to remove the Read More link, but it doesn’t work. I was able to remove it in the inspect tool,
article.post .more-link, article.page .more-link {
display: none;}
but can’t get that coding to work when I put it into the Additional Coding section in Appeaarance. Can you help? Thanks.
|
|
Rio
|
August 18, 2024 at 4:44 pm
this seems a duplicate thread. I will paste the same reply here. and will wait for your site info.
CSS code differs from theme to theme. Can you send me a direct link to your site where you want to remove that element?
you can mark your reply as private.
thanks
|
|
NOPA
|
August 19, 2024 at 7:39 am
This reply has been marked as private.
|
|
Tony
|
August 19, 2024 at 7:59 am
Hi there,
The more link class is determine by the theme when it outputs the button, in your case your more link uses the class more-link.
With CSS find it easier to read right to left, so this selector:
.type-espresso_events .read-more
Reading right to left would be “Grab any elements with the class (the . means class) read-more within any element with the class type-espresso_events”
As your theme doesn’t output a ‘read-more’ class, you need:
.type-espresso_events .more-link {
display: none;
}
Which is pretty much the same only targeting the class used on your page:
“Grab any elements with the class more-link within any element with the class type-espresso_events”
Add that in Appreance -> Customize -> Additional CSS.
If it doesn’t work, leave it in there and let me know when you’ve added it, I’ll check why its not working when it loads.
|
|
NOPA
|
August 19, 2024 at 8:15 am
Worked perfectly! Thanks so much!
|
|
Sam
|
August 19, 2024 at 8:42 am
We are glad you got that working now. Please feel free to ask if you have any other questions.
|
