How do I position widget area title in Wellness theme

[88BPM]

I'm trying to create a "recent videos" section on my homepage using the Wellness theme. This is in the front page 2 section displaying 4 featured video posts side by side.

The problem is that I'm trying to include a title above these featured posts that says "Recent Videos", but when I enter that title in the featured posts widget title area, it misaligns the first post.

It's hard to explain but you can see what I mean at http://box5174.temp.domains/~naturgd5/

The password is testing123

I'm trying to get it so I can keep the title, but still have the tops of those featured images aligned.

I tried using Chrome inspector to look for a way to move the title higher but I couldn't find any code that fixed the image alignment.

I'm thinking maybe I need to delete the featured post title and put in a new title section just above that widget area.

I hope that makes sense. Any suggestions?

http://box5174.temp.domains/~naturgd5/

[Victor Font]

The reason that's happening is because instead of using 1-featured post widget to display 4 posts, you are using 4 featured post widgets and only displaying a title for the first one. When you use 4 widgets, each is displayed in its own column, so to speak. You could try adding a space as the title for the other three widgets. It may even things out, or try using one widget to display 4 posts.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[88BPM]

Hi Victor, thanks for the reply.

I have tried those suggestions. Using a space as the title doesn't even it out. It seems to ignore the space when displaying the page.

The reason I'm using 4 featured post widgets is because I want them to appear side by side. If I only use one widget displaying 4 posts then they appear vertically.

Any other ideas?

[Victor Font]

You can adjust the CSS to have 4 posts appear horizontally.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[88BPM]

Okay, I'm looking for that with my Chrome inspector but I can't find any way to make them appear horizontally. What would the code look like?

[Victor Font]

It would look something like this:

.front-page .content .featured-content .entry {
    width: 25%;
    display: inline-block;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[88BPM]

Okay yeah, I think I found the spot you're talking about. It looks closer, but the images are still not lined up evenly. I'd like to get it so the images are all lined up at the top.

Also: Is there any way to apply this change to ONLY Widget area 2? The code is effecting widget area 4, but I'd like to keep that section the same way it was before.

Thanks

[88BPM]

I had a chance to play with it today and was able to achieve the desired effect like this:

.large-title {
font-size: 44px;
font-size: 4.4rem;
margin-bottom: 20px;
margin-top: -15px;
}

h3 {
font-size: 24px;
font-size: 2.4rem;
margin: -47px 0px 0px;
}

[Author]

Posts