Archived topic
Read More and Load More buttons
3 replies · Started by Karen on September 22, 2021
Last 2 things (hopefully) that I need help sorting. https://karenshanley.com
Desktop view the READ MORE link should be 900 weight and italic. Seems to be working on mobile but not desktop. Tried to set it up as a button, but at this point I'll take extrabold and italic
Deskstop logged in LOAD MORE shows as button. When logged out, no button. Trying to make this button & full-width with text centered. The button that shows up on mobile is fine.
I'm sure I have some extra css in there that may not be helping. Also when does CSS go in "Additional CSS" vs "Simple CSS"? Sometimes works in "additional" and sometimes not. When it doesn't, then I usually have better luck with "simple" css. But sometimes simple doesn't work and I have to put in additional.
***10 minutes later
Just checked in Brave, Chrome and Edge browsers and seems to be working now. I swear I deleted the cache umpteen times before posting... : )
Anyway, where should CSS go?
**20 minutes later
Lost the LOAD MORE button and getting pagination. Now the "load more" is missing in customizer...
Ok I'm stopping now before I undo anything else.
Either of Simple CSS or Additional CSS should work, unless there's an error (missing } is a common error) in your previous CSS.
You can always use a tool like this to check your CSS:
https://jigsaw.w3.org/css-validator/#validate_by_input
I would say if you don't have much CSS, use additional CSS. If you have lots, use simple CSS since it puts CSS into 1 line which helps performance. Not recommend using both though.
Thanks. But the problem is that sometimes the exact same css works in one and not the other.
Also any suggestions for getting the LOAD MORE button to not be permanently spinning and show up as a full-width button? Thanks
Hi Karen,
I've checked your site and the Read more button uses this CSS:
a.read-more {
font-size: 16px;
font-style: italic;
font-weight: 800;
}It's coming from a cached CSS of the site.
Meanwhile, the Load more button seems to be using the default regular weight (also from the cached CSS. using 400).
IF you've already changed these, can you try disabling ALL plugins except GP Premium and see if the changes apply and the issues stop occuring?
