Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #574811

    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!

    #574999

    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

    #575971

    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

    #576288

    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

    #576705

    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

    #576714

    Hey!

    To add the background us:

    .alternate_color { background: #e2e2e2; )

    and it will add it behind the title.

    Best regards,
    Basilis

    #576760

    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?
    ————

    #576983

    Hi,

    Please try the following as well:

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

    Thanks,
    Rikard

    #577184

    Nailed it, thanks!!!!

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