Hi! I’d like to customize Block 13, Block 18, and Slide…namely to keep the same width but adjust the height. Currently, the image is so big that the title can’t be seen without scrolling down. How can I adjust the height? Thanks!
Hello,
The height of these blocks cannot be changed. They have a fixed layout that cannot be altered without customization. DO your blocks look any different than this example?
https://demo.tagdiv.com/newspaper/block-13/
https://demo.tagdiv.com/newspaper/block-18/
If so, it probably means you did not regenerate your thumbnails after switching themes. Please use the force regenerate plugin and regenerate the thumbs.
Thank you!
Hello! My current site is here: http://e50.4da.myftpupload.com/. I am using Homepage Post and would like for the image to not be so tall, so that the title of the post can be seen without scrolling down so far. Is this possible?
Hello,
Here is an example code of how this can be done:
.page .td-post-template-8 .td-post-header{
height: 380px;
}
You will have to add the code in the advanced css boxes and adapt the size for each display size: https://www.screencast.com/t/YreMvdAy
Thank you!
Can I do this for just the desktop and not the ipad or phones?
Also, is there code to do this for Block 18 and/or Slide? Thank you!
Hello,
Yes, you can add the code just for a specific device if you use the advanced css section: https://www.screencast.com/t/MPrc6vXR0
You can do this for any block you want if you use the browser inspector and get the proper classes for each element.
Here is an example for block 18:
.td_block_18 .td_module_mx8 .td-module-thumb{
height: 500px;
}
Please use this guide in order to customize the theme css: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
