Gazette – Hide Feature Image but Post Title overlap the Menu

stmoksaikung · Member · Jun 19, 2016 at 9:59 am
Copy link

Add topic to favorites
Hi,

I’m new to wordpress /CSS.
I want to customize my site so no header image nor feature image shown up on the single post page.

Anyway, I got some luck and able to find some code to hide the header image and feature image of the post on the single post page.

.single .post-thumbnail img {
display: none;
}
.entry-header-wrapper {
background-image: none;
}

After inserting these code, I can hide the feature image but the Post Title move up and cover the Site Title & Menu, Can I have the code to move the Post Title down so it won’t cover up the Site Title & Menu?

I also need help in changing the color of the Post Title (currently I think it’s default color is white)

The site is saikungproperty.wordpress.com

Many thanks!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jun 19, 2016 at 7:11 pm
Copy link
Hi there, the .entry-header-wrapper has a position: absolute; declaration which is causing the title to move up and out of place. Use the following to hide the image and fix the title position issue on single post pages.
```
.single .post-thumbnail img {
    display: none;
}
.single .entry-header-wrapper {
    position: inherit;
    background-image: none;
    padding-bottom: 60px;
    padding-top: 60px;
}
```
I’ve also included the top and bottom padding on the single post rule above in case you wish to adjust the spacing on the title.

Since the post title is white, you will likely also want to adjust the color of that, so you can add the following and adjust the color as you desire.
```
.single .entry-hero .entry-title {
    color: #000;
    text-shadow: none;
}
```
The above removes the text shadow also. If you wish to keep that, let me know and I’ll give you the code and an explanation of all the bits in the code so you can adjust things.
stmoksaikung · Member · Jun 20, 2016 at 2:27 am
Copy link
Perfect ! Thanks you very much!

just one more question, I see that on my category page Properties, my post did not align with the header image on the left side, is it because of setting and do I need a CSS to align it?

Thanks for your help!
thesacredpath · Member · Jun 20, 2016 at 3:14 am
Copy link
That is actually by design. There is a 30px left margin on the post which can be set to have it align with the featured image with the following CSS.
```
.archive .hentry, .blog .hentry, .footer-widget-inner .widget, .search .hentry {
    margin-left: 0;
}
```
stmoksaikung · Member · Jun 20, 2016 at 4:56 am
Copy link
Great! Thanks a lot!
thesacredpath · Member · Jun 20, 2016 at 5:33 am
Copy link
You are welcome.

No items found.