Add this code to your child theme .css stylesheet:
#featured-content {
width: 80%;
}
.slider #featured-content .entry-title {
font-size: 16px;
}
You can adjust the width and font size accordingly. The only drawback is that it scales both height and width – as far as I can tell you can’t adjust just one or the other. Cheers!
Here’s the code I’m using in the Fourteen Extended plugin – just change the values to what you need them to be.
.slider .featured-content .hentry {
max-height: 500px; // Adjust to suite your needs
}
.slider .featured-content {
max-width: 1038px; // Adjust to suite your needs
margin: 0 auto; // Adjust to suite your needs
}
.slider .featured-content .post-thumbnail img {
max-width: 1038px; // Adjust to suite your needs
width: 100%;
}
.post-thumbnail {
background: none;
}
a.post-thumbnail:hover {
background-color: transparent;
}
Note: To be used in a child theme and not the parent theme.
@Zufikar
To which file would I add this code? The css stylesheet?
Yes – that would be the style.css in your child theme.
Works perfectly. Thank you (both of you). 🙂
