Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 29, 2016 at 9:48 pm #574811
    studioem

    I am using the Blog Post Grid Layout element on my home page and I would like use some quick css to alter the following items:

    1. Remove the Category listing above the Title
    2. Reduce the vertical spacing between the Title and the Excerpt
    3. Reduce the vertical spacing between the Excerpt and the Meta Data
    4. Also, is there a way to remove the extra letter spacing in the Title?

    Thanks!

    January 30, 2016 at 2:22 pm #574999
    Vinay

    Hi John!

    Please use the below css in Enfold > General Styling > Quick CSS

    
.home .blog-categories.minor-meta {
    display: none !important;
}
.content-slider .slide-entry-title {
    margin-bottom: 0!important; 
    padding:0!important;
    letter-spacing: .02em;
}
.html_elegant-blog .av-vertical-delimiter {
    padding-bottom: 0!important;
}

    Cheers!
    Vinay

    February 1, 2016 at 7:21 pm #575971
    studioem

    Thanks for the quick response Vinay.

    It looks like the solution for 1) worked perfectly, thanks.

    The code supplied for 2) and 3) had no effect on the spacing.

    do you have any other thoughts that might work?

    thanks

    February 2, 2016 at 8:18 am #576288
    Rikard

    Hi,

    Please try the following as well:

    .html_elegant-blog .avia-content-slider .slide-entry-title {
padding:0 !important;
}

.html_elegant-blog .avia-content-slider .slide-meta {
margin-top: 10px !important;
}

    Best regards,
    Rikard

    February 2, 2016 at 9:26 pm #576705
    studioem

    These worked well Rikard, thanks.

    However there is still a large vertical gap between the title and the Excerpt. How can I reduce that gap?

    Also, how can I put a color behind the Title Bar on each page?

    Thanks

    John

    February 2, 2016 at 9:42 pm #576714
    Basilis

    Hey!

    To add the background us:

    .alternate_color { background: #e2e2e2; )

    and it will add it behind the title.

    Best regards,
    Basilis

    February 2, 2016 at 10:54 pm #576760
    studioem

    Thanks Bailis!

    Any idea on how to fix the spacing between the Blog Posts “Title” and “Excerpt” mentioned above?

    ————-
    However there is still a large vertical gap between the title and the Excerpt. How can I reduce that gap?
    ————

    February 3, 2016 at 9:16 am #576983
    Rikard

    Hi,

    Please try the following as well:

    .home .slide-entry-title {
    margin-bottom: -15px !important;
}

    Thanks,
    Rikard

    February 3, 2016 at 5:20 pm #577184
    studioem

    Nailed it, thanks!!!!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Blog Posts Element Spacing, Removal of Category’ is closed to new replies.