Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 20, 2019 at 4:22 am #1140090
    Mary

    Hello,

    I am using the modern blog theme and the meta information is showing up at the bottom of the blog posts. I would like to for this to display underneath the title. Have looked at other threads but their solutions do not seem to be working for me.

    I would like:
    Title
    Meta info
    Feature Image
    Content

    Thanks!

    September 21, 2019 at 7:25 am #1140405
    Vinay

    Hey MaryScholten,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
/* CSS - */

#top .fullsize .template-blog .post .entry-content-wrapper {
    display: flex;
    flex-direction: column;
}
#top .fullsize .template-blog .post .entry-content-header { order:1; }
#top .fullsize .template-blog .post .post-meta-infos { order: 1; }
#top .fullsize .template-blog .post .big-preview.single-big {order: 5; }
#top .fullsize .template-blog .post .entry-content {order: 6; }
#top .fullsize .template-blog .post .entry-footer {order: 8; }

    Result: <img src=”https://i.imgur.com/EjmHT0P.png&#8221; title=”Uploaded by MyImgur.eden.fm” alt=”” /></a>

    You may not see the changes until the cached files are cleared in your browser.

    Please perform the below steps to clear the browser cache:

    1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
    2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
    3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
    <img src=”https://www.getfilecloud.com/blog/wp-content/uploads/2015/03/Hardrefresh-chrome.png&#8221; alt=”” />

    Best regards,
    Vinay

    September 22, 2019 at 5:53 am #1140540
    Mary

    Thank you! This worked, however I now need to center the meta info and left align the copy of the blog post.

    September 22, 2019 at 8:31 pm #1140742
    Victoria

    Hi Mary,

    https://cl.ly/21f6b5d6d8a2 How do you need things aligned here?

    Best regards,
    Victoria

    September 24, 2019 at 4:11 pm #1141429
    Mary

    Hello!

    The meta information centered.
    And then the “I wonder what this will appear like” which is the body copy, left aligned.

    September 24, 2019 at 6:24 pm #1141507
    Victoria

    Hi Mary,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top.post-template-default .fullsize .template-blog .post .post-meta-infos {
    text-align: center;
}
#top .fullsize .template-blog .post .entry-content-wrapper > .entry-content {
    width: 100%;
    text-align: left;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 30, 2019 at 10:22 pm #1152535
    Mary

    Thank you for your help, this code helped with the text alignment, but for some reason it crops the image in a strange way, when the image should be displaying in its original dimensions?

    October 31, 2019 at 3:26 pm #1152750
    Victoria

    Hi Mary,

    Best regards,
    Victoria

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