Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 20, 2014 at 7:20 am #226626
    zerozendesign

    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.

    February 20, 2014 at 5:58 pm #226916
    Yigit

    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

    February 26, 2014 at 8:33 pm #229755
    zerozendesign

    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 10 years, 9 months ago by zerozendesign. Reason: forgot bracket
    February 26, 2014 at 10:50 pm #229794
    Yigit

    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

    February 26, 2014 at 10:55 pm #229797
    zerozendesign

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

    February 26, 2014 at 11:41 pm #229811
    Yigit

    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

    February 27, 2014 at 11:26 am #230025
    zerozendesign

    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?

    February 28, 2014 at 5:26 pm #230690
    Yigit

    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

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