-
Posts
-
Anybody have a code snippet (for functions file or any other way) that will move the date/time to just below the Blog Title?
I am using the Blog Posts content element and can’t seem to find the proper php files to edit.
thanks!Hey jomo5280!
Please take a look here
https://kriesi.at/support/topic/move-featured-image-below-post-title-date-etc/and let us know if we can do anything else
Best regards,
BasilisThanks!
I did try this before – adding:jQuery('article.post').each(function(){ jQuery(this).find('.entry-content-header').after(jQuery(this).find('.big-preview').detach()); })to the js/avia.js file but it didn’t seem to change anything.
Hi,
Which blog style is set? You can modify the includes > loop-index.php file if the blog style is not set to “grid layout”. If it set to “grid layout”, modify the config-templatebuilder > avia-shortcodes > postslider.php file. Or provide the url to the page with the blog posts element so that we can provide a javascript solution.
Best regards,
IsmaelI am using “grid layout” with the Blog Posts content element.
Basically, i just need the date to go directly below the title, as opposed to being below everything.
thanks!Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 768px) { .html_elegant-blog .page-id-25 .avia-content-slider .slide-meta { transform: translateY(-277px); position: absolute; top: 0px; }} .html_elegant-blog .avia-content-slider .slide-meta { transform: translateY(369px); position: absolute; top: 0; }Best regards,
VinayThanks! Now the problem is not it is overlapping other content – maybe because of the Absolute position?
Hey!
Add the following to your custom CSS
.avia-content-slider .slide-entry-excerpt { overflow: none !important; }
and let us know if that will help you
Cheers!
BasilisSame issue after adding this CSS – the date is still overlapping content…
It seems this fix cannot be done with CSS – is there a php file that we can edit to actually move the placement of the date/time order?
thanks!Hi,
I could not see the date, it seems you have removed it. As for the php files, the answer is already given, refer to the answer given by Ismael.
Best regards,
NikkoHi all,
Happy new year.
I was looking for a solution to move the date to the top but under the title on a single blog post. I found on another thread a solution – https://kriesi.at/support/topic/move-date-and-author-meta-to-under-title/. I have put the the css :
/*date on top of post*/
.html_modern-blog #top .post-entry .post-meta-infos {
margin-top: 0px !important;
padding-top: 0px !important;
top: -22px !important;
}.html_elegant-blog #top.single-post .entry-content-wrapper .big-preview.single-big {
margin-top: 0px !important;
padding-bottom: 0px !important;
}…i would have 3 question. e.g. see on this post:
1. Is there any way to get the date below the title and not over
2. What would there be next to the date as it shows like an empty field/ cell?
3. How can i reduce the blank space over the date.Thank you!
Hi,
1.) Use this script to move the post meta info below the title.
//------------------------- // JS - Meta after title // ------------------------ function ava_move_meta_after_title(){ ?> <script> jQuery(".single .post-entry").each(function(i) { var postTitle = jQuery(this).find('.post-title'); var metaInfo = jQuery(this).find('.post-meta-infos'); jQuery(metaInfo).insertAfter(postTitle); }); </script> <?php } add_action('wp_footer', 'ava_move_meta_after_title');2.) It’s the separator. You can remove it with this css code.
.text-sep.text-sep-date { display: none !important; }3.) And this css code to adjust the margin above the date.
.html_elegant-blog #top .post-entry .post-meta-infos, .html_elegant-blog .avia-content-slider .slide-meta { margin-top: 10px; }Best regards,
IsmaelThank you for your prompt reply Ismael,
Can you please tell me wher to use the script. I am using a child theme. should it be at functions.php.
I have difficulty finding it after the 5.3 update and have to find it eacch time via plesk.the other two css codes work perfectly!
I have put the code into wp / wp-content / themes / enfold-child / functions.php.
Is this correct or should it not be on the child folder. However just for a second the date goes under the title and then again it goes over the title.. I do not know why… – To be honest I think it might look better to have the date over the title.Is there anyway to find functions.pho throught the admin panel like it used to be?
Also a last question: is there a way to have the date in small letters and not in capital like it is now?Thank you!
Hi,
Thank you for the update.
Did you add other script in the functions.php file? Please post the login details in the private field. We’ll try to check the site.
Best regards,
IsmaelHi Ismael,
i had first put the code into wp / wp-content / themes / enfold-child / functions.php and now have put it to wp / wp-content / themes / enfold / functions.php, but I think it looks to be the same result. I remember there was an easier way to access functions.php though the admin panel. I think it was under Setings – Editor… somewhere there? Since the 5.3 upgrade I cannot find it.
Posting log in in prvate area.Thank you!
Hi,
Thank you for following up.
The Appearance > Editor panel is inaccessible. Please post the FTP details in the private field or edit the wp-config.php file and make sure that the DISALLOW_FILE_EDIT is set to false.
define( 'DISALLOW_FILE_EDIT', true );Best regards,
IsmaelThank you Ismael,
I have done it and now I can find the editor. I have entered the script on the child’s function.php (is this correct?) but got a message:Your PHP code changes were rolled back due to an error on line 789 of file wp-content/themes/enfold/functions.php. Please fix and try saving again.
Cannot redeclare ava_move_meta_after_title() (previously declared in wp-content/themes/enfold-child/functions.php:116)
but when I go to Enfold’s function.php on row 116 there is just */.
can you please asisit? To make it easier I have changed the language to English instead of Greek.
Thank you!
Hi,
Thank you for the update.
You forgot to remove the code from the parent theme’s functions.php file. Also, it is not working properly because there is another function called “move_postmeta” in the child theme’s functions.php file that moves the post meta info after the categories. Please disable it temporarily.
Best regards,
IsmaelHi Ismael,
thank you for getting back to me. First of all I removed the “move_postmeta”. But to get clear in my head: Your function ava_move_meta_after_title should NOT be in on the parents function.php? I tried to remove it and got a message:Something went wrong. Your change may not have been saved. Please try again. There is also a chance that you may need to manually fix and upload the file over FTP.
But now I saw that I am facing a bigger issue. On the https://aimonas.gr/news/ page where I had all latest posts there were some featured articles showing the featured images and title, but now I can see some dates and not any featured image!
This is even a bigger worry now.Hi,
But to get clear in my head: Your function ava_move_meta_after_title should NOT be in on the parents function.php?
Since the the child theme is already installed, you should add the modification in its functions.php file so that it won’t get overwritten when you update the theme.
Have you tried to remove the code/script from the parent functions.php file via FTP or cpanel? Please post the FTP details in the private field so that we can access the files and edit them if necessary.
Thank you for your patience.
Best regards,
IsmaelHi Ismael,
I was trying to make the modifications through the admin panel from WordPress aimonas.gr/wp/wp-admin.
Does it have to be done through FTP? I am using plesk and I would have to give you the link I think with the details.I was able to put the funciton to the child theme via plesk. But I sitll have the issue on the page with the blogs, as the featured images on the first 3 blogs do not appear https://aimonas.gr/news/.
…Aother thing: My admin panel seems to be working slow and I don’ t know if it is too loaded. I also saw today that Enfold 4.7.1 has been released. Should I update it… is it tested enought or should I give it a bit of time.Thank you!
Hi,
Thank you for the info.
We adjusted the script a bit.
Please look for this line:
jQuery('.post-entry').each(function(i) {Replace the selector .post-entry with .single .post-entry. The final code should be:
jQuery('.single .post-entry').each(function(i) {This will ensure that the modification is only applied in the single post page.
Best regards,
IsmaelHi Ismael,
it works fine now, however when I go into a single post it does not show the featured image.
I am saving the posts as a defaultHi,
Glad it’s working. For the featured image, please add this css code.
.big-preview a { overflow: visible; }Best regards,
IsmaelThank you Ismael,
it works now. Can I ask you somehing else. On https://aimonas.gr/news/ on the first 3 posts the date appears on the bottom. Is there any way to get it on the top? Also on the last 4 posts there is no date at all.
Something last: Is there any way to have the date in small letters instead of capitals? I have been searching and cannot find any solution on that.Thank you!
- The topic ‘Move Date below blog Title – using Blog Posts content element’ is closed to new replies.