- This topic has 6 replies, 2 voices, and was last updated 2 years, 2 months ago by
.
-
Posts
-
1. How can I remove the grey tone background from around the Site Title and Site Logo?
2. And is there a way to remove the underline bar from between the site title and the site tagline?
Hi Soarts, Please add this CSS in the Additional CSS
#site-identity {
background: none;
}.site-title{
border-bottom: none;
}Go to Customizer >> Appearance >> Additional CSS, paste the above CSS, and publish the site.
Regards,
SanamGreat, thank you! That worked perfectly for both!
Is there also a way to minimize the space between the Site Title and Site Logo? Right now it is a huge gap on the front page, but would love for them to sit much more closely together.
Thank you again for all your help.
Please use this CSS and adjust the number as per your need.
@media only screen and (min-width: 767px) {
.site-branding #site-identity {
margin-top: 17px;
}
}#site-logo img {
margin-top: 11px;
}Regards,
SanamThis coding interferes with the smaller headers used on the inner pages. Is there a way to separate the margins for the front page from the other inner pages?
If you wanna apply the changes only on the frontpage then please use the CSS below instead.
@media only screen and (min-width: 767px) {
.home .site-branding #site-identity {
margin-top: 17px;
}
}.home #site-logo img {
margin-top: 11px;
}Regards,
Sanam
- You must be logged in to reply to this topic.
