The featured images on the slider appear vertically centered, which is great, but on the post only the top of the image is shown (on Style 7 and others) could you let me know how I can change this?
Hello saggel,
Please provide your website URL so I can further inspect it closer and also, so I will be able to provide a more accurate response.
Thanks for your understanding!
Hi Catalin,
Thank you for your response.
It’s a clean install of a demo that I’ve set up to play before changing the settings on my main site. So You wouldn’t see anything different than your demo
If you can’t help me with this I can provide you with a link, but you won’t see anything different anyway!
Thank you in advance for your help!
Hello saggel,
I guess that I understand to what you are referring to. So, by default, the theme will crop the image center to top and that’s why will appear that image cut. Please try to use the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-image-gradient-style7:after {
top: -68px;
}
.td-post-template-7 #td-full-screen-header-image{
margin-top: 68px;
}
The result you should see here -> http://screencast.com/t/NXy6TZhwb11
Also, please notice that you can adjust all of these values as you wish.
Thanks for your understanding!
Hello again Catalin. “CSS fix” isn’t the proper, because with margin-top function, on responsive sizes, the image doesn’t appear correct (grey empty gap appears, the image doesn’t centralized correct etc)
there is any other option to make the theme to crop the feature image “only center”, or “center to bottom” ?
the slider revolution plugin on politics demo slider, make this proper (crop the feature image on center).
Hello,
Changing the theme cropping system is not a simple task unfortunately. It can be done if you have proper coding skills as this link suggests: https://forum.tagdiv.com/featured-image/
There is no simple solution to change the theme cropping system. Sorry
Thank you!
Hello Bogdan. i found the cropping system on /includes/td_config.php but there is no crop setting to crop feature image on style 7. Actually, the feature image on style 7 doesn’t crop, but it changes sizes, depending on screen resolution.
It’s possible to make the theme to appears the image not from the top, but from the center?
Ok,
It seems that any modification to the image will cause responsiveness to break so there is a solution to this. Use the responsive advanced css boxes and only change the desktop and tablet viewports. Adjust the above code if necessary. Change the values so the result will be different for the image and gradient on each view port here: http://screencast.com/t/P6yC37U45ajL
Smaller screens will not need this modification as they will show the full image only smaller so all the image will be visible.
I hope this helps.
Thank you!
hello again.
i use this codee
.td-post-template-7 #td-full-screen-header-image {
transform: translate3d(0, -350px, 0) !important;
}
.td-image-gradient-style7::after {
height: 150%;
}
but, the gradient move to the top, as you can see in this example.
with new code: http://screencast.com/t/4vnIVG2J
with default code: http://screencast.com/t/gTrKJ3Hr
can you tell me how i fix the gradient?
Hello,
Indeed this will be an effect of altering the theme functionality. The gradient will not position properly anymore and it cannot be made back easily. Sorry but there is no simple solution for this. Unfortunately there is no solution I can provide for this. You will have to change these percentages here: http://screencast.com/t/6y6cDpngG
Thank you!
