Open full post in popup on Read More click

Ask the Community Customization
1

Is there a way to, instead of opening the link in a new page, have the “Read More” link open the full post in a pop-up?

2

Hi there, @Manish_Chaudhary :wave:

I’ve checked your widget and see that you’ve already found the solution

image
image1842×966 99.3 KB


Let me know if you have any questions left :slightly_smiling_face:

3

Hi Max,

Thank you for checking on this!

Unfortunately, clicking on the “Read More” button still expands the post on the page instead of opening it in the pop-up.

Is there a way to adjust this so that the “Read More” link also opens the post in the pop-up?

image
image890×851 188 KB

I appreciate your help! :blush:

4

Could you please send me a link to the page where your widget is installed?

5

Hi Max,

Thank you for your support.

Here is the link to the page where the widget is installed: https://nephrology.edu.au/

I found that the “Read More” link only expands posts when clicked directly on the text. If I click anywhere else near the “Read More” area, the full post opens in a pop-up as expected.

Let me know if you have any other questions.

Regards,
Manish

7

Thanks! I’ve passed it on to the devs and will get back to you once the solution is ready :slightly_smiling_face:

8

We’ve added this code to the Custom CSS field on the Appearance tab of your widget’s settings:

[class*='CardContainer-sc'] [class*='Block__RegularBlock-sc'] [class*='Text__Container-sc'] [class*='Text__Control-sc'] {
  display: none;
}

[class*='CardContainer-sc'] [class*='Block__RegularBlock-sc'] [class*='Text__Container-sc']::after {
  content: 'Read more';
  rgb(17, 17, 17);
  opacity: 0.7;
  cursor: pointer;
  font-size: 16px;
}

[class*='CardContainer-sc'] [class*='Block__RegularBlock-sc'] [class*='Text__Container-sc']:hover::after {
  text-decoration: underline;
}

Please check your widget and let me know if you like the result :slightly_smiling_face:

9

Hi Max,

Thank you for your help with this. I’ve just checked the widget, and the “Read more” functionality works perfectly.

I appreciate your quick and effective solution.

Best regards,
Manish

10

Awesome, you’re always welcome :wink:

11

Hi Max,

Could you please check why the linked post on the website has not been updated, however, the one in my elfsight widget has been updated?

On the elfsight app (https://dash.elfsight.com/widget/0ef793f3-2086-44b1-98ad-717bb4dedd0b)

image.png
image.png1511×607 340 KB

On the website (https://nephrology.edu.au):

image.png
image.png1712×608 223 KB

Could this be looked into urgently?

Regards,
Manish

12

Hi there, @Manish_Chaudhary :wave:

I’ve checked your website and see that this post is displayed now:

image
image1822×804 124 KB


Please check it out and let me know if everything is fine now :slightly_smiling_face: