Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #226626

    Hi guys,

    Site in question is http://codelessme.com/weightlossrebels/blog/

    I am trying to do 3 things:

    1. Left align the post content on the blog excerpt page
    2. Move the image left of the content
    3. Make the preview image larger

    Thanks in advance.

    #226916

    Hi David!

    Please add following code to Quick CSS in Enfold theme options under Styling tab
    1-

    #top .fullsize .template-blog .post .entry-content-wrapper > * { float: left; }

    2-

    #top .fullsize .template-blog .blog-meta { margin: 0; }

    3- Please go to Settings > Media and increase thumbnail image size and regenerate thumbnails using http://wordpress.org/plugins/regenerate-thumbnails/

    Regards,
    Yigit

    #229755

    Hi Yigit,

    There is still 1 thing not right. The Image still is not to the LEFT of the content.

    Also – for anyone else wanting to push things left in your blog, you will also need:

    #top .fullsize .template-blog .post-meta-infos {text-align: left;}
    #top .fullsize .template-blog .post-title {text-align: left;}
    • This reply was modified 9 months ago by  zerozendesign. Reason: forgot bracket
    #229794

    Hey!

    Images already on the left on my end http://i.imgur.com/O4fIbZF.jpg Please try flushing browser cache and refresh your page a few times

    Best regards,
    Yigit

    #229797

    Yigit – it needs to be LEFT OF SNIPPET CONTENT not over the top. I see the same thing right now.

    #229811

    Hi!

    Add following code to Quick CSS

    #top .fullsize .template-blog .blog-meta {
    float: left; } 
    .entry-content {
    width: 80%;
    margin-left: 30px!important;
    }
    #top .fullsize .template-blog .post .entry-content-wrapper > * { margin-left: 30px; }

    Best regards,
    Yigit

    #230025

    Hey yigit,

    We are getting there. Now, How do we switch it back on mobile view since it this recent change chops the mobile layout?

    #230690

    Hi!

    You can update the codes i have posted as following

    @media only screen and (min-width: 989px) {
    #top .fullsize .template-blog .blog-meta {
    float: left; margin: 0;  } 
    .entry-content {
    width: 80%;
    margin-left: 30px!important;
    }
    #top .fullsize .template-blog .post .entry-content-wrapper > * { margin-left: 30px; float: left; }

    So they will be active on screens bigger than 989px

    Best regards,
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.