Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1249985

    Hi,

    i’m using blog-articles element from the layout architect (with showing title and part of text in options).
    I have the issue, that there is too much space between the title and the text and the text is not centered, please see screenshot.
    Also a small horizontal line below (added after the text) would be nice.

    How can i do that?

    Kind regards Jak

    #1250308

    Hey Jak73,

    Please try the following in Quick CSS under Enfold->General Styling:

    article.slide-entry h3.slide-entry-title {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    
    article.slide-entry .slide-entry-excerpt {
        text-align: center;
        padding-bottom: 20px;
        border-bottom: 2px solid #ddd;
    }

    Best regards,
    Rikard

    #1250309

    Hi Rikard,

    very nice, thanks a lot!!!

    How can i reduce the space between the title and the text? (Please see screenshot).
    How can i make the bottom line smaller in width?

    Kind regards
    Jak

    #1250513

    Hi,

    Please try this CSS instead the first CSS block I posted earlier:

    article.slide-entry h3.slide-entry-title {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    The border can be made smaller, but that would mean you would have to make the entire element smaller. You can try this CSS if you would like to do that:

    article.slide-entry .slide-entry-excerpt {
        width: 80%;
        display: table;
        margin: 0 auto;
    }

    Best regards,
    Rikard

    #1250658

    Hi Rikard,

    that helped a lot!

    Many thanks!

    Kind regards
    Jak

    #1250717

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

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