-
AuthorPosts
-
January 25, 2018 at 8:59 pm #903033
Hi there,
I followed the instructions on this thread: https://kriesi.at/support/topic/move-date-and-author-meta-to-under-title/
Essentially I’m trying to move the date from below the entire post to below the headline in three locations:
1) The actual post
2) The main blog page
3) Any blog feed widgets dropped in by the Avia layout builderWhat’s happening is there’s a HUGE gap now between the headline and the date. It doesn’t apply to the blog post, the date is still displaying at the bottom. Lastly, the blog widget also has a HUGE gap between the title and date.
Links and logins below.
January 29, 2018 at 11:57 am #904201Hey kellyCraftMedia,
Please add
.html_elegant-blog #top .post-entry .post-meta-infos { margin-top: 0px !important; }
And let us know if that works out.
Best regards,
BasilisJanuary 29, 2018 at 7:45 pm #904390I added that code to my quick CSS but it didn’t do anything.
January 29, 2018 at 7:51 pm #904392Hi,
The code above looks like it was to fix this issue:
the blog widget also has a HUGE gap between the title and date.
Did it not work for that either?
Best regards,
Jordan ShannonJanuary 29, 2018 at 10:53 pm #904519No, unfortunately it did not work for either problem. I cleared the website cache to make sure.
January 31, 2018 at 4:33 am #905317Hi,
Looks like you managed to move the date below the headline except for the single post page. Please add the following css code to remove the space above the date.
.html_elegant-blog #top .post-entry .post-meta-infos { margin-top: 0; }
For the single post page, please edit the includes > loop-index.php file. Look for this code around line 218.
echo "<time class='date-container minor-meta updated' >".get_the_time(get_option('date_format'))."</time>";
Move it right below this code. ( line 189 )
echo strpos($blog_global_style, 'modern-blog') === false ? $cat_output.$title : $title.$cat_output;
Best regards,
IsmaelJanuary 31, 2018 at 7:15 pm #905711Great! That worked but the date is aligned left instead of center – how do I update that?
Couple of other minor things:
1) There’s still a LOT of blank space on the main news page between the date and the featured image, I believe where the post meta info would go (but is hidden in my settings). Can I remove that?
2) Is it possible to remove the featured image only on the Blog Post content element I’ve dropped into my home page under Latest News? There’s still quite a bit of space between the headline and the date on that widget, but I’m thinking if I just remove that image it’ll help.Sorry for all the little tweaks… didn’t realize it would be this complicated but now I’m knee deep in it!
Thanks!
February 1, 2018 at 10:36 am #906147Hi,
Thank you for the update.
1-2.) You don’t need to remove the image. Just add the following css code to decrease the space between the image and the date.
.html_elegant-blog #top .post-entry .date-container { width: 100%; text-align: center; display: block; } #top .fullsize .template-blog .post-meta-infos { display: none; }
It will also center align the date container.
Best regards,
IsmaelFebruary 14, 2018 at 2:07 am #912029Thank you Ismael! That worked.
If I want to remove the image from that home page widget… what’s the best way to do it?
Thanks!
February 14, 2018 at 3:37 am #912068Hi,
This should work for the home page.
#top.home .fullsize .template-blog .big-preview { display: none; }
Best regards,
IsmaelFebruary 14, 2018 at 3:46 am #912075As always – you all ROCK!
We can close out this thread. THANK YOU!!!
February 14, 2018 at 6:19 am #912114Hi,
Thanks for the kind words, glad we could help :-)
I’ll close this for now, please open a new thread if you should have any further questions or problems.
Best regards,
RikardFebruary 14, 2018 at 6:19 am #912115 -
AuthorPosts
- The topic ‘Moving blog post Date + Removing extra space’ is closed to new replies.