Forum Discussion

allisonn's avatar
allisonn
Genius
10 years ago

"Read more" link CSS

Forgive me if this sounds like a dumb quesiton, I am the middle man for our developer :)   OOB, there is a "Read More" link on the /bg-p/ on I think the articles component when you use the article ...
  • RobertT's avatar
    RobertT
    10 years ago

    Hi allisonn, 

     

    Looking into it this may be quite tricky, there's possibly a way to do it using jQuery however it wouldn't be the best solution and isn't guaranteed to work across all browsers properly. Unfortunately the HTML structure for that part of the community makes any solution quick tricky.

     

    While it isn't ideal that the Read More link is on a separate line, the effort involved and any solution may outweigh the benefits of attempting to move it currently. A JavaScript solution may work but there can be side-effects such as broken experience for some users if the browser doesn't support it properly. JavaScript also impacts page load times and performance when you manipulate the structure of a page.

     

     

allisonn's avatar
allisonn
Genius

Thanks RobertT I have never seen it anywhere else on the Community other than that feed, but it could be hiding in the shadows somewhere. The developer was trying to do some Javascript magic so it would be on the same line as the last line of text instead of the line below it. If you have another suggestion on how to achieve this without building a custom component, happy to hear it :)

RobertT's avatar
RobertT
Boss
10 years ago

Hi allisonn, 

 

Looking into it this may be quite tricky, there's possibly a way to do it using jQuery however it wouldn't be the best solution and isn't guaranteed to work across all browsers properly. Unfortunately the HTML structure for that part of the community makes any solution quick tricky.

 

While it isn't ideal that the Read More link is on a separate line, the effort involved and any solution may outweigh the benefits of attempting to move it currently. A JavaScript solution may work but there can be side-effects such as broken experience for some users if the browser doesn't support it properly. JavaScript also impacts page load times and performance when you manipulate the structure of a page.

 

 

  • allisonn's avatar
    allisonn
    Genius
    10 years ago

    Thank you so much RobertT fro the response. I have yielded and will be keeping it on a seperate line. It's unfortunate it is so difficult without building a custom component.