Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #681650

    Hi there,

    When I try to use the ‘read more’ option inside a normal text block, in the Avia builder I see a dotted line with ‘read more’ and I would expect that the text below that line would be hidden and only visible when someone clicks ‘read more’, however nothing changes in the frontend?

    #681679

    Hi vossenm!

    Read More is actually been used, so when click to direct you to the proper page.
    So, can you please explain us where want to use it and how, so we can be able to provide further assistance?

    Thanks a lot

    Regards,
    Basilis

    #681714

    Ah okay, I would link to hide half of the text, and only show it when read more is clicked?

    #681860

    Hey!

    Yes that is correct, it can be used like that.
    Please do let us know if we can help you further.

    Best regards,
    Basilis

    #681876

    But it DOESN’T work like that, so what do I have to do to make it work?

    I tried to use it in the first part of the text on the link provided below

    IN the backend I see a dotted line with ‘read more’ in it but in the frontend it shows the whole text ALL THE TIME , no read more.

    • This reply was modified 8 years, 2 months ago by vossenm.
    #683186
    #683255

    They didn’t solve the problem there, they said in the end:
    Please do create a new support ticket for us, so we can also see your web site.
    That is an old topic, many stuff has changed so would be nice to have a preview of it.

    So here is my new ticket too…I have included the info about my website, do I really need a plugin to make this work??

    #684414

    Hi!

    You cannot use the “read more” tag in a text block. This will only work in the default editor. If you want, you can toggle hidden text with jQuery. Add something like this in the text block:

    This is a paragraph.
    <div class="hide_this">This is a paragraph hidden initially</div>
    <a class="show_button" href="#">Read more</a>

    And then add this code in the functions.php file:

    add_action('wp_footer', 'ava_new_custom_script');
    function ava_new_custom_script(){
    ?>
    <script type="text/javascript">
    (function($) {
    	function j() {
    		$('.show_button').click(function() {
    			$('.hide_this').toggle();
    		});
    	}
    
    	j();
    })(jQuery);
    </script>
    <?php
    }

    Regards,
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.