-
Posts
-
Hey hyrion,
Thank you for the inquiry.
We have to edit the includes > loop-index.php file directly in order to move the featured image below the title. Please edit the file, remove everything, then replace the content using the code below.
// https://pastebin.com/ABcmjpQt
Best regards,
IsmaelHello, thank you for the answer, but maybe maybe I didn’t describe the problem correctly (I tried the code you sent me and it has no effect on the masonry blog function), I don’t want it as in the screenshot below, image of each masonry element with title and description at the bottom, I would like the title to be at the top outside the image and the short description below the image, exactly like in the image I posted above. I hope you can help me, thanks!
I’m sorry to write again but it’s been two days since I opened the post but at present I’m blocked, the first response, however kind and appreciated, was not related to my problem, so I described it better but no one has answered me any more, in the meantime the my post ends up on the second or third page and no one will read it, what can I do?
Hi,
Sorry for the delay. To move the title above the image, you can use this script in the functions.php file.
function av_custom_inline_script() { wp_add_inline_script( 'jquery', " (function($) { $('.av-masonry-entry').each(function() { var title = $(this).find('.av-masonry-entry-title'); var image = $(this).find('.av-masonry-image-container'); title.insertBefore(image); }); })(jQuery); " ); } add_action( 'wp_enqueue_scripts', 'av_custom_inline_script' );You may need to add a few css modifications to adjust the style of the title.
.avia_desktop .av-masonry-entry:hover .av-masonry-entry-title.entry-title, .avia_desktop .av-masonry-entry .av-masonry-entry-title.entry-title { opacity: 1; z-index: 1000; font-size: 30px; color: red; position: relative; }Best regards,
Ismaelthank you very much for the new answer but unfortunately this is the result, I am sending you a photo, as you can see the text is always at the bottom and not at the top above the photo with the photo below with a margin as I asked above, I have replaced your code at the end of the function.php file present in the theme folder and added the css directly in the theme settings
I repeat that enfold is an excellent theme, but I must also say that I expected wider support, I don’t think I asked for such a complex visual change for those who developed the theme, I would just like to move the titles of each article composed in mosaic form or grid above the image leaving the article summary below, I didn’t ask for new dynamic functions which I understand might not be included in the support, can anyone help me? Days go by and I don’t receive an answer, at least write “no, this thing cannot be done” at least those who think that such a thing can be included in a post-purchase support will know that instead it is not included or cannot be done, leave the post open that remains on the back burner I don’t think it’s nice. However out of desperation I try again to post an image of what I would like to do
Hi,
Again, we are quite sorry for the late reply. Where did you add the script? The script above seems to be working correctly on our end. It moves the title above the image container outside the content. Please make sure that the script is placed in the functions.php file, and not in the Quick CSS field. Unfortunately, moving the title by editing the template file directly is a lot more complicated, so we chose to provide a custom script instead. Again, sorry for the late response.
Please post the login details in the private field so that we can test the modification.
Best regards,
IsmaelHi,
It’s been three months now so we will assume that this is sorted out now, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike
- The topic ‘Edit position title and description for masonry’ is closed to new replies.