Handling div class="entry-content" bottom margin

[pamrburke]

I set up my Content Archive to be limited to 400 characters. I also set up my posts so that they have a border around them. All of that is fine. What I do not like, however, is that there is a 2.6rem bottom margin, which is too much space, especially for the Content Archive. I changed the css so to decrease the bottom margin, but that changed the spacing on all pages, for example, the spaces between paragraphs in my full blog posts and on my About page. I know this issue is happening because of the css for the <div class="entry-content" itemprop="text">, which the Minimum Pro theme I am using has set up as follows:

.entry-content ol, .entry-content p, .entry-content ul, .quote-caption {
    margin-bottom: 2.6rem;
}

What can I do so that the bottom margin of is only changed after the 400th character of the Content Archive and not throughout the site, especially not for my blog posts and About page?

FYI - I am working on my site in the staging area, therefore at the moment it can not be seen by others.

[pamrburke]

I figured out what to do.

I decreased the bottom margin for the border and slightly decreased the bottom margin for the <div class=”entry-content” itemprop=”text”> elements.

[Author]

Posts