Reducing header size
-
How do I reduce my header height/size, it is too big compared to the page
The blog I need help with is: (visible only to logged in users)
-
The best option would be to upload a smaller logo. Alternatively you can also reduce the height of the logo:
.site-logo {
height: 75px;
}Or reduce the padding:
.site-branding {
padding-top: 10px;
padding-bottom: 10px;
}Or do all three. ;)
I hope this helps!
-
.site-logo { height: 75px; } .site-branding { padding-top: 10px; padding-bottom: 10px; } -
-
-
Which header text? The tagline/site description? If so, add the following to your custom CSS and adjust as desired. The color I used is the blue color code on some of the other text on your site.
.site-description { color: #000080; font-size: 1.3rem; } -
HI
Many thanks. Do you know how I reduce the size of the white block in the middle of my picture to just be the size required to surround the text?
-
Give the following a try and see what you think.
.home.page .hero .entry-header { margin-top: 0; } .home.page .hero .entry-meta { display: none; } .home.page .hero .entry-content, .home.page .hero .entry-content h2 { margin-bottom: 0; } -
-
- The topic ‘Reducing header size’ is closed to new replies.
WordPress.com Forums 