Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 4, 2014 at 10:25 pm #313616
    esemmel

    Hi. The normal blog post has the featured image on top and then the headline underneath it.
    What would I have t change to flip flop this? The Headline first and then the featured image underneath it.

    Thanks

    September 5, 2014 at 5:06 am #313787
    Ismael

    Hey esemmel!

    Thank you for using Enfold.

    You can refer to this link: https://kriesi.at/support/topic/how-can-i-make-the-post-title-appear-above-the-featured-images-on-the-blog-page/

    Best regards,
    Ismael

    September 5, 2014 at 2:28 pm #314028
    esemmel

    Hi. I used the solution of replacing the code in the loop-index.php
    That worked great.

    Then I took your code for shifting over the header and meta info
    header.entry-content-header {
    padding-left: 130px;
    }

    However, this shifts over the title and met info in the Post page and well as the blog page.
    How can I indent the header on meta on the blog page only but leave them where they are on the individual post pages?

    Thanks.

    September 6, 2014 at 7:23 pm #314539
    Josue

    Hey!

    Try pre-fixing the CSS mods by the page ID of the blog page:

    .page-id-xxx .header.entry-content-header {
padding-left: 130px;
}

    Best regards,
    Josue

    September 6, 2014 at 9:00 pm #314574
    esemmel

    Hi. It seems what I was looking at was the category pages. I will see if it works with the code above using the page id for each category.

    September 6, 2014 at 9:53 pm #314595
    esemmel

    Nope. the code doesnt work.

    This code moved the titles over, but not the Meta Info.

    .template-blog header.entry-content-header h2 {
    padding-left: 130px;
    }

    I added code to change the headings on the individual post pages to h1 so this doesnt affect the headings on those pages.

    September 10, 2014 at 2:19 pm #316581
    Devin

    Hi!

    Can we see what you have now on your site live? Customization isn’t in what support covers typically but we try and assist where possible.

    Best regards,
    Devin

    September 10, 2014 at 3:14 pm #316645
    esemmel

    HI, here’s a link to a page as an example:

    http://www.artlessonspage.com/blog/

    September 11, 2014 at 10:38 am #317258
    Ismael

    Hey!

    Please use this:

    header.entry-content-header {
padding-left: 130px;
}

@media only screen and (max-width: 767px) {
header.entry-content-header {
padding-left: 0;
}
}

    Best regards,
    Ismael

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