How to move the Featured Post Title UP, so it doesn\’t overlap images?

Questions › Category: Questions › How to move the Featured Post Title UP, so it doesn\’t overlap images?
0 Vote Up Vote Down
Ashley Johnston asked 6 years ago

Hello!  I’m using Hello and Co and can’t figure out how to raise the Titles above the featured content widgets I’m using, so that the titles aren’t overlapping onto the pictures.  I tried leaving the title blank within the widget form and then adding a custom HTML widget with the title, but that messes up the spacing of the featured widgets and shrinks them really small.
And then I noticed that on the mobile view, there’s actually more of a gap like I’d prefer and they’re not overlapping the images….but the title actually gets cut off on the left side.

Can you help me figure out the issues I’m having on both desktop view and mobile view?

Thanks!
Ashley
https://makeit-loveit.com/

Attachments
Screen-Shot-2019-10-19-at-9.23.45-PM.png
Screen-Shot-2019-10-19-at-9.29.26-PM.png
2 Answers
0 Vote Up Vote Down
Support Team Staff answered 6 years ago

Could you shoot me a screenshot of this spot?  I’m not sure which it is.

Ashley Johnston replied 6 years ago

I added 2 photos to my original message. The first one is of the desktop view and it’s the “trending Now” and “Some Favorites” titles that are on the home page that I’d like to not be overlapping. The second image is the mobile view……and the title is cut off on the left.
The overlapping title issue is something I want to fix on the blog page where it says “The Blog” at the top.

0 Vote Up Vote Down
Jennifer Staff answered 6 years ago

There are two ways to adjust this.  You can go to your Style sheet and on line 4036 you will see this
 
.hyd-entry .featuredpost .widget-title, .hyd-entry .featuredpost .widget-title a, .image-section-3 .widget-title
 
Where it says
 
top: 40px;
 
Delete that line.  Or you can go to your additional css and add this
 
.hyd-entry .featuredpost .widget-title, .hyd-entry .featuredpost .widget-title a, .image-section-3 .widget-title {
top: 0!important;
}
 
 
Then for the mobile, add this to your additional css
 
@media only screen and (max-width: 450px) {
.hyd-entry .featuredpost .widget-title, .hyd-entry .featuredpost .widget-title a, .image-section-3 .widget-title {
left: 0;
}
}
 
Let me know if you have any issues.  Don’t forget to clear your browser cache after you make the changes.  Or if you prefer we can hop on and make the adjustments. 
 

Ashley Johnston replied 6 years ago

I tried both of these things and neither worked. And I cleared the cache and closed out of the browser completely. The titles are still showing up the same on both desktop and mobile. Any suggestions?
Thanks for your help! -Ashley

Jennifer Staff replied 6 years ago

When I view the site, they are not overlapping. I’m tghinking the cache has cleared?