JessicaO Posted July 13, 2021 Share Posted July 13, 2021 Site URL: https://sellwoodmoreland.com/businesses Hi! I am trying to find a way to show the read more link on specific blog posts. It will be for a business directory that will only link to the full profile (blog post) if they are a paid member. I've used CSS to turn off the image and title from linking to the blog post. Should I create links in the excerpt and use code to style them as buttons? If so, any help on what the code should look like? Or can I use the Source URL to link the blog post for those who should show a read more link and then create code to target that? Currently, the Read More button is showing for each post. Here is the webpage and password: https://sellwoodmoreland.com/businesses SMBA2021 Link to comment
creedon Posted July 13, 2021 Share Posted July 13, 2021 Add the following to Blog Settings > Advanced > Page Header Code Injection for the blog page. <style> /* begin show read more links for paid members */ .tweak-blog-list-item-readmore-below-excerpt .BlogList-item-readmore { display : none; } .tweak-blog-list-item-readmore-below-excerpt .tag-paid-member .BlogList-item-readmore { display : block; } /* end show read more links for paid members */ </style> Now for each paid member blog entry add a tag "paid member" without the quotes. For each blog entry with that tag the CSS will display the read more link. Of course these tags will need to be maintained manually. Keep in mind that the link is still there. It is just hidden. A motivated individual can get to the link and still read the content. Let us know how it goes. tuanphan 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
tuanphan Posted July 22, 2021 Share Posted July 22, 2021 On 7/14/2021 at 12:59 AM, JessicaO said: Site URL: https://sellwoodmoreland.com/businesses Hi! I am trying to find a way to show the read more link on specific blog posts. It will be for a business directory that will only link to the full profile (blog post) if they are a paid member. I've used CSS to turn off the image and title from linking to the blog post. Should I create links in the excerpt and use code to style them as buttons? If so, any help on what the code should look like? Or can I use the Source URL to link the blog post for those who should show a read more link and then create code to target that? Currently, the Read More button is showing for each post. Here is the webpage and password: https://sellwoodmoreland.com/businesses SMBA2021 If you need to fix these, let me know, we will help 1. (Mobile – Tablet) Background image don’t show in full size 2. (Tablet – Footer) 3. (Tablet – ) Button overflow outside image https://sellwoodmoreland.com/membership 4. (Mobile) There is a white bar at bottom of the page 5. (Tablet – Join) Reduce white space below image https://sellwoodmoreland.com/join 6. (Desktop – Join) Image don’t show in full size https://sellwoodmoreland.com/join 7. (Mobile – Business) Logo is too big, do you want to resize them and make 2 logos/row https://sellwoodmoreland.com/businesses 8. (Mobile – Business > posts) The same here https://sellwoodmoreland.com/businesses/bike-gallery 9. (Mobile – Business) Footer overlap on text Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment