Banner Image Smaller
-
I’d like to make my banner image smaller, is that possible? thanks!
The blog I need help with is: (visible only to logged in users)
-
Hi, the featured image height is controlled by a top and bottom padding. Add the following to your custom CSS and adjust the 120px value as desired.
.hero.with-featured-image, body[class*="front-page"] .hero { padding: 120px 0; } -
-
Hmm I just noticed this makes all of the banner images smaller on all pages. Is there a way I can just the banner size on just my home page? Thanks!
-
Yes, we can limit it to the home page by using the “home” CSS class in the opening body HTML tag.
.home .hero.with-featured-image { padding: 20px 0; } -
Do i replace .home .featured-page .entry-summary {
display: none; with .home .hero.with-featured-image { padding: 20px 0; }?Thanks!
-
Replace the rule I had given you with the one that starts with .home
Sorry, add this rule instead of the first one I had given you.
-
-
- The topic ‘Banner Image Smaller’ is closed to new replies.