Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 8, 2015 at 7:39 pm #470497
    edney23

    Hi guys,

    I am trying to re-order my posts so that the image is featured below the post title and author details.

    I’ve followed Peter’s advice in this thread but this has now made the post title and author details left aligned and it has also removed the padding between these details and the image.

    I’m pretty stuck (again), would you be able let me know what I need to do?

    Many thanks

    edney23

    July 9, 2015 at 2:21 pm #470868
    Andy

    Hey edney23!

    use this code in Quick CSS field:

    .entry-content-header {
text-align: right;
}

    Cheers!
    Andy

    July 13, 2015 at 11:40 am #472289
    edney23

    Thanks Andy – think my description of the issue was lacking.

    The problem is that the post title plus details are now left aligned to the point where they are no longer in line with the image and over the multi-author column. The title and details also are missing the line break between them and the picture.

    Example attached – no idea how to fix this despite a few hours of trying.

    Could you lend some further help??

    Many thanks

    edney23

    Post Title Issue

    July 14, 2015 at 4:26 am #472801
    Rikard

    Hey!

    That’s weird, not sure why that happened. Please try this in Quick CSS:

    @media only screen and (min-width: 768px) {
.entry-content-header {
  padding-left: 130px;
  margin-bottom: 10px;
}
}

    Best regards,
    Rikard

    July 14, 2015 at 11:05 pm #473467
    edney23

    Thanks Rikard but that doesn’t appear to have worked either…

    Would you be able to suggest something else?

    July 15, 2015 at 12:25 pm #473655
    Ismael

    Hi!

    We updated the code above. That should work now.

    Regards,
    Ismael

    July 15, 2015 at 12:41 pm #473672
    edney23

    *Actually* that seems to have worked on the blog page but it has indented the blog widget to the right on the homepage.

    Example 2

    Sorry guys – this seems to be a tricky one!

    • This reply was modified 10 years ago by edney23.
    July 15, 2015 at 11:51 pm #474022
    Dake

    Hey edney23!

    It shouldnt be affecting the homepage fed, but you could try assigning the css Rikard provided to the blog page only by using the page id.

    Here’s an example:

    @media only screen and (min-width: 768px) {
.page-id-731 .entry-content-header {
  padding-left: 130px;
  margin-bottom: 10px;
}
}

    Regards,
    Dake

    July 16, 2015 at 10:23 am #474134
    edney23

    You guys are the bees knees. Thanks a lot that worked!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Post Title & Image order’ is closed to new replies.