Community Forums › Forums › Archived Forums › Design Tips and Tricks › How do I position widget area title in Wellness theme
Tagged: wellness theme, widgets
- This topic has 7 replies, 2 voices, and was last updated 7 years, 4 months ago by
88BPM.
-
AuthorPosts
-
November 26, 2017 at 7:34 am #213961
88BPM
ParticipantI'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/November 27, 2017 at 5:52 am #214007Victor Font
ModeratorThe 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?November 27, 2017 at 6:58 am #21401188BPM
ParticipantHi 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?
November 27, 2017 at 10:59 am #214027Victor Font
ModeratorYou 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?November 28, 2017 at 8:25 am #21406388BPM
ParticipantOkay, 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?
November 28, 2017 at 8:45 am #214068Victor Font
ModeratorIt 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?November 28, 2017 at 9:47 am #21407688BPM
ParticipantOkay 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
December 2, 2017 at 9:48 am #21419888BPM
ParticipantI 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;
} -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.