Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 21, 2014 at 2:11 am #354810
    roheryn

    I’ve added blog posts to a news section on my homepage (working copy) but there is so much space around the text (above and below title, between blog posts). I added quick css to make the title and entry text custom, but if I add padding: 0 it only reduces it a bit. I only want this option on my home page, not on all the other blog post sections. How can I get these blog posts to “tighten up”?

    http://www.fostercitychamber.com/chamber-home-2/

    November 21, 2014 at 3:23 pm #355203
    Yigit

    Hi Paula!

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

    .page-id-3870 h2.post-title.entry-title { padding: 0!important; }
.page-id-3870 .post_delimiter { display: none; }

    Cheers!
    Yigit

    November 21, 2014 at 6:26 pm #355392
    roheryn

    That is lovely! Any chance I could have a bit of space between entries, but not between title and content? Here is what I have in there now (bodged together from other forum responses) and is there a way to have all of this customization only for this page? Right now the first set of lines are universal…

    #top .fullsize .template-blog .post-title { font-size: 18px; text-align: left;}
    #top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper { max-width: 100%; }

    .entry-content { font-size: 13px; }

    .page-id-3870 h2.post-title.entry-title {padding: 0!important; }
    .page-id-3870 .post_delimiter { display: none; }

    November 23, 2014 at 2:36 am #356069
    Andy

    Hi!

    try this one:

    .page-id-3870 .post {
padding: 0px 20px 10px 20px !important;
}
.page-id-3870 .av-upcoming-event-entry {
padding: 0px 20px 10px 20px !important;
}

    or maybe instead this is even better:

    .page-id-3870 .flex_cell_inner {
padding: 0px 20px 10px 20px !important;
}
.page-id-3870 .av-layout-grid-container {
top: -15px;
}
.page-id-3870 h2, h3 {
line-height: 2.1em;
margin-bottom: -15px;
}

    Regards,
    Andy

    • This reply was modified 10 years ago by Andy.
    November 24, 2014 at 8:09 pm #357081
    roheryn

    Thanks, I actually removed the top two sets of code because it was pushing other elements up. Now I am using these bits of code and it looks pretty good. Still too much spacing between title and entry but I can live with that :)

    #top .fullsize .template-blog .post-title { font-size: 18px; text-align: left;}
    #top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper { max-width: 100%; }

    .entry-content { font-size: 13px; }

    .page-id-3870 .post_delimiter { display: none; }

    .page-id-3870 h2, h3 {
    line-height: 2.1em;
    margin-bottom: -15px;
    }

    If I wanted to have the post title aligned left on only this page, would I add .page-id-3870 in front of the first line of code, instead of #top .fullsize?

    November 26, 2014 at 11:30 pm #358640
    Elliott

    Hi!

    Yes, that should work.

    Regards,
    Elliott

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