Hi guys,
Amazing theme! A few things I need help with.
1. I needed to reduce the featured image height on both post template 6 and 7 so I entered the code:
.td-post-template-6 .td-post-header {
height: 500px !important;
}
.td-post-template-7 .td-post-header {
height: 500px !important;
}
Which worked for desktop but leaves a huge gap between the subtitle and text. Example: http://www.discovercheltenham.com/pubs/harry-cook-free-house/
2. Is it possible to change the text where it says ‘Via’ for the Via Name to ‘Photo Credit’. Assume I have to change something behind the scenes. Where do I find it?
3. Is it possible to show the Time, and Day (Mon, Tues, Wed) on a post? And on the grid?
4. Can I remove the date on the Category post listings. E.g. page: http://www.discovercheltenham.com/category/pubs/ BUT not remove it from all other pages / grids?
Thanks
Charlie
Hello Charlie,
1) This happens because when you set a fixed height to the imge, it loses responsiveness. It will keep the set height on mobile as well. In this case you need to exclude the mobile version by targeting the viewport size with css. You can use the code like so:
@media(min-width:767px){
.td-post-template-6 .td-post-header {
height: 500px !important;
}
.td-post-template-7 .td-post-header {
height: 500px !important;
}
}
2)You can change the name from the translations section of the theme panel: http://screencast.com/t/x49Vt6hxYvTR
3)Our theme uses the wordpress time and date format so you can change it from the wordpress settings: http://screencast.com/t/9aQfuYWCmCi
You can do an online search on how to customize wordpress date and time.
4)You can use css to target only category pages like so:
.category .entry-date{
display:none!important
}
Thank you!
Brilliant thanks, solutions 2,3 and 4 worked perfectly. However 1. Didn’t seem to work at all. I entered the css but no change.
Charlie
Sorted it! Thanks
Sorry to hassle you guys again. Is there anyway to change the section of the image shown? (screenshot attached). I would like it to show maybe the middle or bottom of that top image?
Charlie
Hi,
You can use this code:
#td-full-screen-header-image .td-backstretch{
transform: translate3d(-50%, -100px, 0px) scale(1.14, 1.14)!important;
}
The middle value from the tranlade3d property is the vertical alignment (-100px). Increase or decrease this value.
Thanks.
