got what powerful plugin can let the big slide’s images resposive? it is because when the images in small screen, the images will be cannot see! http://www.screencast.com/t/04RcFqTMY
Hi,
The images are set responsive via css using the width:100% property. Unfortunately I can’t recommend you a plugin for this as we haven’t tested any plugin for that. You could try to find one that dose that or use css to set a max-height on small screens, like this:
@media (max-width: 500px){
.td_block_big_grid .td-big-grid-post-0 .entry-thumb {
width: 100%;
max-height: 200px;
}
}
You could also use custom css to change the font sizes for slider title which I noticed that are quite large for small screens widths devices.
@media (max-width: 500px){
.td-big-grid-post-1 .td-sbig-title-wrap a, .td-big-grid-post-0 .td-sbig-title-wrap a {
font-size: 13px !important;
}
.td-big-grid-post-2 a, .td-big-grid-post-3 a {
font-size: 12px !important;
line-height: 12px;
}
}
Thanks
Hi,
Just add the custom css I provided above in the custom css filed in theme panel, like this: http://screencast.com/t/FRFt9QnDyaso and check if you are satisfied with the result.
If not then you would need more customization via css and you would need to get someone to helps you with that if you don’t have basic css/html knowledge and you don’t know how to do it.
You can always get a freelancer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself.
Hope this helps!
Thanks
cannot more resposive already? because it just small change, still cannot see the image
Hi,
Try this custom css in your theme panel > custom css field, this will enlarge the slider’s first thumb in height, like this: http://screencast.com/t/zC8N981nnm
@media (max-width: 476px) {
.td_block_big_grid .td-big-grid-post-0 {
height: 200px !important;
}
}
@media (min-width: 477px) and (max-width: 767px) {
.td_block_big_grid .td-big-grid-post-0 {
height: 300px !important;
}
}
You should consider disabling the right click protection plugin when you ask for my help because I can test my solution on your site.
Thanks
Hi,
@axonic
You can use custom fonts: https://forum.tagdiv.com/how-to-use-custom-fonts/
You can enabled google font settings: http://screencast.com/t/7pAWsLjZ98
Thanks
