hello there …
i have seen, that some of the selectable post styles are having quite dark header elements. For example the video style 11. And some other styles, which are using a dark-grey overlay over the article header-image.
There are two reasons, why i would like to change this design-behaviour:
1: I am using the light colored version of the theme. So all colors are very light and friendly. While choosing post style 11 (which is nice because of the additional adspace) the completely header section (the video section) looks like a dark styled theme. This not very cool and looks strange for my site. As it’s a parenting, family and baby related site. All colors should be light and friendly.
2: If I would choose (for example) post style number 3, I am getting a dark grey overlay over my header image. Again, I have chosen a light colored version of the theme. The thing is, that I adjusted all theme related colors to fit my needs (of course). So what I would see, when choosing post style number three, is a dark grey article-title above a dark grey image overlay. This does not look really nice …
The same problem appears with all other post styles (also with number 11). There are dark grey article-titles above a dark drey background…
So I either would need a solution for having automatically change the title colors for these post styles, when selected, or need the chance of choosing a lighter background for these post styles, to fit the rest of my layout.
I think this is a very complex need. But I think that I may not be the only one, who would be more than happy to have a hardcoded solution for this…
Thank you and warmest regards! 🙂
Torsten
Hi,
1. You can change or remove the background color for post style 11 using this custom css – http://screencast.com/t/DSlNSv9BGCy
.td-video-template-bg {
background-color: rgba(199, 88, 88, 0.66);
}
.td-video-template-bg-small {
background-color: rgba(199, 88, 88, 0.66);
}
Also if you wnat to change the color for these elements on post style 11(breadcrumbs for all articles) – http://screencast.com/t/NVN9nhPou0es
.td-post-template-11 .td-post-title .td-post-author-name, .td-post-template-11 .td-post-title .td-post-date, .td-post-template-11 .td-post-title .td-post-comments a, .td-post-template-11 .td-post-title .td-post-views {
color: #e6e789 !important
}
.td-post-template-11 .td-post-title .td-post-author-name a {
color: #e6e789;
}
.single .entry-crumbs,.entry-crumbs a {
color: red;
}
2. If you want to remove gradient from featured image on post style 3 please check this custom css in Theme Panel > Custom Css: http://screencast.com/t/noSEG5Iw
.single_template_3 .td-image-gradient:before {
display: none;
}
Or if you don’t want to remove gradient and just to change it to a lighter color this is the default background color so you can change it:
.single_template_3 .td-image-gradient:before {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
Hope this helps!
