- This topic has 18 replies, 7 voices, and was last updated 4 years, 7 months ago by .
- You must be logged in to reply to this topic.
Home › Forums › Free Themes › Graduate › Remove Featured Image on main page
Tagged: breadcrumb, page header image, Page title
Dear Sirs,
I am a new user of the graduate theme. I would like to remove the top image on individual pages. The following CSS code I found can do that:
body:not(.home) section#banner-image {
display: none;
}
But the page title and the breadcrumb are also removed.
Is there any way to remove the image but keep the page title and the breadcrumb? Or can I replace the default image (brick college) with my own one?
Thanks!
Hello,
Of course, you can replace the default image with your own image. You can add your desired image to replace the default image by going to Admin Panel > Appearance > Customize > Header Image as shown in screenshot below:
Regarding removing the image but keeping the page title and the breadcrumb, please add following given CSS code in Additional CSS section by going to Admin Panel > Appearance > Customize > Additional CSS
#banner-image{
padding: 0px;
background-image: none !important;
}
If you remove the image, certain section with some background color will be appeared instead of image so if you want to change the background color then you can add following given CSS code in Additional CSS section.
.black-overlay{
background-color: #000000;
}
Also, if you want to change the color of page title and breadcrumb to match the color with background color then you can add following given CSS code in Additional CSS section.
.page-title{
color: #fff;
}
.breadcrumb-trail{
color: #fff;
}
You can replace color code(#000000, #fff) with your desired color code.
Hope this helps.
If you have any queries further, let us know.
Thank you.
Thanks very much! Your suggestion works very well.
Hello,
Glad we could help you.
Regards.
Cookie | Duration | Description |
---|---|---|
cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |