Sorry if this is a stupid question with an easier answer and I am just overlooking it. But I am new to your theme and haven’t came across this option yet.
I know you offer 7 (awesome) styles for “Post” but I was wondering if there was one way to customize the header of the post title box.
These pictures should explain what I’m asking better.
If you choose “Style 4” and have featured images turned “Off” it looks like this.
Well when I was experimenting with the different styles I realized I REALLY liked that dark bg on the title.
However, I do not like it that big.
So I was wondering if I could keep using my default style like this
But I would like to get that same dark background image to show (from style 4) in the default style. (My default style is 7 if that matters)
Thanks!!
Hi,
You can use this custom css to customize the post style 7 header, like this: http://screencast.com/t/u5JY4OGIFk
.single_template_7 header {
background-color: black;
padding: 10px;
}
.single_template_7 header h1, .single_template_7 .meta-info, .single_template_7 .td-post-author-name a, .single_template_7 .td-post-comments a, .single_template_7 .td-icon-comments:before {
color: white;
}
Thanks
Thank you for a wonderful response. Would it be difficult to use an image as the background? I would like to use the same placeholder image that you use on style4.
I just want to say it took me all night but I am proud I made it this far..
I am just getting used to the Page Inspector tool in firefox that is helping me identify things better. I modified the .php file for template 7 and I have gotten extremely close to what I want..
Check it out!
However, I would like it’s “width” to be a little longer. If you go to the page you can see what I’m talking about. It should be a bit longer. I’m not quite sure how to accomplish this?
Also..
I will need to learn more on how a “child” theme works so if I ever upgrade these changes I make won’t be lost…
Hi,
You can use this css for the width issue: http://screencast.com/t/tuAWXPP4
.td-pb-padding-side {
padding: 20px 0px 0px 0px;
}
You can use this guide: https://forum.tagdiv.com/child-theme-documentation-newsmag/
Hope this helps!
Thanks
Lucian,
That CSS messes up the “Share” social icons pretty badly.
I really appreciate you helping, but is there any other css I could try?
Or is it another issue with that template? It’s just not designed to be like that?
Hi,
Sorry for that, I haven’t noticed that it’s also affecting the social share icons. Please use this one, it should solve this: http://screencast.com/t/0uVsT4tiq5q
.single_template_7 .td-post-header {
padding: 20px 0px 0px 0px;
}
.single_template_7 .td-post-header .entry-crumbs {
margin-left: 20px;
}
Thanks
Worked great, thanks!
