Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 19, 2020 at 2:25 pm #1186053
    Michaela

    Hi @Ismael,
    as requested in this thread, https://kriesi.at/support/topic/how-do-you-put-a-caption-below-an-image/ I am here opening a new ticket.

    Just to have all information on the same place: I want to have the image captation under the image but not as overlay on the image als you see for example here https://www.heithausen.de/kommunikationsagentur-b2b/team/ (this is typo3 and only an example how I want to have it look like).The codes that you have posted in the above mentioned thread in the past changes the captation’s position on the images but does not put it below. Can you give me a hint how to have it realy below?

    You can find the page details in the private content section below.

    Thanks in advance for your help.
    Michaela

    February 20, 2020 at 6:07 pm #1186437
    Victoria

    Hey Michaela,

    The website is not loading on my end. Are you blocking locations?

    Best regards,
    Victoria

    February 20, 2020 at 10:42 pm #1186571
    Guenni007

    It would be nicer to have the link where you created it, and I could work on implementing the appropriate changes.

    February 21, 2020 at 12:55 pm #1186695
    Michaela

    Hey Victoria and Guenni007,

    just for explaining the situation: I am working on a updated version of the public website b2b-markenfuehrung.de. To be able to have b2b-markenfuehrung online as long as I am creating the successor,I created a clone, which is available on another domain and password protected. I am not allowed to open it for the public at this status. Therefore I posted the access data private for the support team. I have no idea, why the page does not load for Victoria, since no locations are blocked.

    There as only one solution that I see: I copied the page, where I want to have images with captations below the image on b2b-markenfuehrung.de so that you can see it in the frontend: https://www.b2b-markenfuehrung.de/team/

    I am aware, that there is neither the latest wordpress version nor the latest enfold upated installed on b2b-markenfuehrung. But since the situation with the images captation is the same, I hope, that you can also give me the hint what code I have to implement in the other page.

    Thanks in advance and best regards
    Michaela

    February 25, 2020 at 9:31 am #1187621
    Ismael

    Hi,

    Thank you for the update.

    You can use this script in the functions.php file to move the caption markup below the image. This is necessary so that we don’t have to insert a lot of additional styling.

    function ava_custom_script() {
	?>
	<script>
	(function($){
		$(document).ready(function(){
			$('.avia-image-container').each( function() {
				$(this).find('.av-image-caption-overlay').insertAfter($(this).find('.avia_image'));
			});
		});
	})(jQuery);
  </script>
  <?php
  }
  add_action('wp_footer', 'ava_custom_script');

    And then add this css code to adjust the style of the caption.

    .av-image-caption-overlay {
	position: relative;
}

    Best regards,
    Ismael

    March 2, 2020 at 5:30 pm #1189483
    Michaela

    Hi @Ismael,

    thanks a lot for that. But unfortunately this does not work. Now the captation of aboth the images and not below. https://www.b2b-markenfuehrung.de/team/

    Do you have an ideal why?

    Thanks in advance and best regards
    Michaela

    March 4, 2020 at 9:12 am #1189959
    Ismael

    Hi,

    For some reason, the script is not working. It fails to insert the caption after the image. We tried to edit the script via the Appearance > Editor panel, but we get an error whenever we attempt to save the changes. Please post the FTP details in the private field so that we can access the server.

    Thank you for your patience.

    Best regards,
    Ismael

    March 4, 2020 at 12:46 pm #1190027
    Michaela

    Hi Ismael,

    I suspect that saving the changes does not work, is since it is a sftp server. I also did the changes on the functions.php by downloading the file, editing via notepad++ and than upload it again to the server.

    You find the details below.

    Thanks a lot for your help.
    Michaela

    March 5, 2020 at 9:01 am #1190332
    Ismael

    Hi,

    Thank you for the update.

    We tried to access the file server using the account above but it didn’t work. We used SFTP. Please check the login info.

    Best regards,
    Ismael

    March 5, 2020 at 12:25 pm #1190401
    Michaela

    Hi Ismael,

    sorry for that. I checked it with our provider / IT service. Please use the below mentioned port.

    Thanks a lot and best regards
    Michaela

    March 6, 2020 at 8:26 am #1190779
    Ismael

    Hi,

    Thank you for following up.

    We found a minor error in the script and fixed it. It is working properly now, but the Image elements may require a few style adjustments.

    Best regards,
    Ismael

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