Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 29, 2017 at 8:19 pm #870198
    finblue

    Hello,
    I would like to accomplish two things with the blog on this site:

    1. Meta info is being shown at the bottom of the excerpt on the blog page, but I’d like it to appear under the post title before the categories.
    Like so: https://cl.ly/nLbj
    2. When you click on a post, I would like to make the post content wider. It is currently only 800px in width, too narrow. What CSS can I use to target the width of the content wrapper for the individual blog posts? https://cl.ly/nMMk

    Thank you!

    October 31, 2017 at 4:40 am #870703
    John Torvik

    Hey finblue,

    Please, may you provide to us your website link and the WP and FTP credentials?

    Best regards,
    John Torvik

    November 1, 2017 at 8:21 pm #871366
    finblue

    Hello,

    I provided the website link in the previous post, but I’m providing access below.

    Thank you.

    November 4, 2017 at 5:31 am #872401
    Ismael

    Hi,

    Thank you for the update.

    1.) We set the Blog Layout > Blog Styling to “Default Business”. If you don’t like the style, reset the settings then edit the includes > loop-index.php file.

    2.) Please use the following css codes.

    #top .fullsize .template-blog .post .entry-content-wrapper {
    max-width: 1200px;
}

#top .fullsize .template-blog .post .entry-content-wrapper > * {
    max-width: 100em;
}

    Adjust the values as needed.

    Best regards,
    Ismael

    November 7, 2017 at 10:31 pm #873913
    finblue

    Thank you so much. But the featured image is still very large. What is the CSS to get the width of the featured image to match the width of the written content?

    • This reply was modified 7 years, 1 month ago by finblue.
    November 8, 2017 at 6:11 am #874026
    Ismael

    Hi,

    Thank you for the update. Add the following css code to control the size of the featured image.

    #top .fullsize .template-blog .big-preview {
    padding: 0 0 10px 0;
    max-width: 900px;
    margin: 0 auto;
}

    Best regards,
    Ismael

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