How to reduce the size of the image displayed on the top of the page in the single post (the feature image which appear in the header). I find it too big…
If you use a browser inspector to look at that element, you’ll see that its height is coming from this CSS:
.entry-thumbnail, .header-image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
This means that you can override it by reducing 100% to something smaller in your custom CSS, as you like. For example:
.entry-thumbnail, .header-image {
height: 80%;
}
By doing that, you may find you’ll need to adjust other elements accordingly. Try using a browser inspector to find the element and tweak the height as needed.
Learning how to target your site’s CSS will help you make certain design and layout changes. Here are some very helpful posts that will help you customize your site with CSS:
https://dailypost.wordpress.com/2013/07/25/css-selectors/
http://dailypost.wordpress.com/2013/06/21/css-intro/
http://dailypost.wordpress.com/2013/08/29/css-matched-rule-pane/
http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/
These are from WordPress.com, but the principles are the same for self-hoseted sites using a custom CSS plugin.
when entering each section of the menu (categories) before of the thumb-box there is a written line repeating the section title which i would like to remove.
I’m not sure what you mean here – could you link to a post or page where this effect can be seen so I can have a look, and tell me specifically which words you’re trying to remove?
hello Kathryn!
thank yo uso much for your help!
the browser inspector tip was really good
as well for the CSS links you provided me!
I manage to make all the changes i wanted and i’m pretty happy about my website now!
thank you so much again!
That’s great to hear, glad you’re set! The browser inspector is such a useful tool, isn’t it?
Enjoy your site, I was happy to help.
