Different styles on post page vs. featured post

Resolved unfetteredletters
(@unfetteredletters)

5 years, 6 months ago
I’ve added the following CSS to my posts so that there’s more padding on the left and right sides of my post content – I didn’t want the text of my posts to span the entire width of the page as I find this difficult to read:
```
/* post content and single post content */
.entry-summary, .single-content {
    font-size: 14px;
    line-height: 24px;
		padding-right: 15%;
		padding-left: 15%;
}
```
However, now this padding is also added to things like the Featured Posts section on my homepage, as well as my Events and Blog pages that are pulling in specific categories of posts.

Is there a way to retain the padding around the content on the full post pages themselves, but NOT have that padding appear in the excerpts of the posts in Featured Posts and any pages that are showing thumbnails/links to multiple posts?

Thank you!

The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)

siniplyrathemes
(@siniplyrathemes)

5 years, 6 months ago

Hi unfetteredletters.

Thank you for contacting us and for using our theme. We appreciate it.

Please try to modify that CSS a bit and put

.entry-post instead of entry-summary,.

Please let me know what happens.

Kind regards.

Thread Starter unfetteredletters
(@unfetteredletters)

5 years, 6 months ago

Perfect, looks like that worked! Exactly what I needed to know. Thank you for your help!
Thread Starter unfetteredletters
(@unfetteredletters)

5 years, 6 months ago
Actually, one more question… is it possible to differentiate between the styles of the post titles on the full post page and in the post excerpts as well? For example, I added CSS to center align my post titles and add an underline underneath the titles on the full post pages, but I’d prefer not to have this formatting appear with the titles in the Featured Posts section or the other pages with multiple post thumbnails listed. Here is my current CSS for post titles:
```
/* post title */
.entry-title {
    font-size: 19px;
		text-align: center;
    }

/* under post title */
.entry-title:after {
		content: "";
    display: block;
    margin: 0 auto;
    width: 13%;
    padding-top: 20px;
    border-bottom: 5px solid #90d6d4;
    margin-bottom: 20px;
}
```
Thank you!
siniplyrathemes
(@siniplyrathemes)

5 years, 6 months ago

Yes, try adding .single-post in front of .entry-title line so it looks like

.single-post .entry-title

Please let me know if it works.

Kind regards.

Thread Starter unfetteredletters
(@unfetteredletters)

5 years, 6 months ago

That did the trick. Thanks again!

katevista
(@katevista)

5 years, 6 months ago

Is it possible to link to a page instead of a post but show it in the featured post format on the front page? If so, can you tell me how? Thanks! Love the theme so far. 🙂

siniplyrathemes
(@siniplyrathemes)

5 years, 6 months ago

Yes, it is possible, katevista, but only in the Pro version – https://help.lyrathemes.com/article/233-featured-posts-pages

Hope this helps.

Kind regards.
Thread Starter unfetteredletters
(@unfetteredletters)

5 years, 1 month ago
My earlier issue differentiating between styles of post titles on the homepage’s featured posts and on the individual post pages is no longer working. This is what I have in my Additional CSS:
```
/* under post title */
.single-post .entry-title:after {
		content: "";
    display: block;
    margin: 0 auto;
    width: 13%;
    padding-top: 20px;
    border-bottom: 5px solid #90d6d4;
    margin-bottom: 20px;
}

/* post title */
.single-post .entry-title {
    font-size: 19px;
		text-align: center;
    }
```
However, the green underline underneath post titles is still showing up on the featured posts on my homepage. I would like this to only show up on the individual post pages.

Also, the font size of the titles in both places is not showing up correctly. I would like to make the title font size larger on my individual post pages (24px) and I would like the featured post titles to be smaller (19px) on my homepage. However, the font size is showing up larger on the homepage and smaller on the individual pages.

Any help is appreciated. Thanks!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Different styles on post page vs. featured post’ is closed to new replies.

Tags