Hello, this is what I meant with stretched:

Original: http://s24.postimg.org/3shnb0rid/Milano_Panoramica_FILEminimizer.jpg
Thumbs with width:180px: http://s24.postimg.org/biofg5ttt/stretched.jpg

Problem is that other than width: 180px, there’s an min-height:135px:
style.css – row:8768:

@media (min-width: 1024px) {
  .td_module_10 .entry-thumb {
    min-height: 135px;
  }
}

If you try with the original image, I think that you should see the same problem.

Definitive solution:
Use thumbs: 640 X 350

Add in .css:

@media (min-width: 768px) {
.td_module_10 .td-module-thumb {
width: 180px;
height: 135px;
overflow: hidden;
}

/*following code is for play button image preview on video-type posts*/
.td_module_10 .td-module-thumb img {
max-width: none;
height: 135px;
width: 246px;
margin-left: -33px;
}
.td_module_10 .td-module-thumb .td-video-play-ico img {
max-width: 40px;
max-height: 40px;
}
.td_module_10 .td-module-thumb .td-video-play-ico {
left:103px;
}
}

• This reply was modified 11 years by daimpa.
• This reply was modified 11 years by daimpa.
• This reply was modified 11 years by daimpa.

Hello, no. I’ve only header ad configured: http://s14.postimg.org/tkq9tb2s1/Cattura_di_schermata_673.png

This error appears also in wp-admin.

I’m using version 1.6, don’t want to install the new version at the moment as I’ve read about some probelms.

Not using any cache plugin.

Thanks for your reply. Problem with this solution is that images are stretched rather than resized and cropped on PC. Possible to sort this?

PS: FYI, I had also to add max-height:135px to your code, otherwise long images break the layout. 🙂

I’ve worked on this solution. I’m not a great expert but it seems to work.

I’ve done this way because images with aspect ratio 180x135px are too high for mobile.

The only problem should be that it loads in background both 180×135 and 681×0 images and then only shows one of them, right? Since the images I want to hide on mobile are 180×135 (few KBs each one), it shouldn’t be a big problem for performance on mobile, and on PC the impact should be minimum as everyone should have a connection able to download quickly 6 681×0 images. Basically, performances should be almost identical if using M14 as default, right?

Of course, it would be better to load only the necessary image, but I’ve no idea if it’s possible.

td_module_10.php

		<div class="personal_hide_mobile_module_10">
            <?php echo $this->get_image('td_180x135');?>
		</div>
		<div class="personal_show_mobile_module_10">
            <?php echo $this->get_image('td_681x0');?>
		</div>

.css

@media (max-width: 768px) {
    .personal_show_mobile_module_10{
        display: inline;
    }
    .personal_hide_mobile_module_10{
        display: none;
    }
}
@media (min-width: 768px) {
    .personal_show_mobile_module_10{
        display: none;
    }
    .personal_hide_mobile_module_10{
        display: inline;
    }
}

• This reply was modified 11 years by daimpa.
• This reply was modified 11 years by daimpa.
• This reply was modified 11 years by daimpa.
• This reply was modified 11 years by daimpa.
• This reply was modified 11 years by daimpa.
• This reply was modified 11 years by daimpa.
• This reply was modified 11 years by daimpa.

What about a solution to print different images based on screen resolution? Is this possible?

• This reply was modified 11 years by daimpa.

Hello, I’ve downloaded and installed the latest version of the theme, but direct links to “tabbed content” in pages still doesn’t work. I’ve added the link in the menu and if I click it it doesn’t do anything. If I paste in the browser in the same page of my blog it doesn’t work either. If I paste it in a new page of the broswer it shows the page, but the content in the tab doesn’t show.

Tabs works fine as when I’m in THAT page and I click on the tab I can see it properly.

Any news?

• This reply was modified 11 years by daimpa.

I was referring about module 14. I found the solution to remove the white space that appeared at the top of the page by adding the following code as custom CSS for that page.

.td-pb-article-list .td-ss-main-content {
padding-top: 0px;
}

Hi, thanks for your reply.

Regarding question number 3, I’ve noticed that if I use in the template the option pagebuilder+latest articles+pagination, I can have block 13 with pagination at the end. The problem is that it’s required to add an element in the page builder. If I add a row in the pagebuilder and I don’t add any element, some white pixels will be left on the top of the page. Any solution to this?

Just to confirm, I’ve tested it on a NEW wordpress installation, with ALL default settings and no edits.

Hey @Lucian, I think that I’ve found the problem!

http://s22.postimg.org/fic3k2hc1/Cattura_di_schermata_308.png This has to be set to 1 column and it works fine, if it’s set to two column it doesn’t work, even if there’s enough space on the screen! Tested with 1440px*900px.

Could you confirm that this is the issue? Will you be able fix it?

• This reply was modified 11 years by daimpa.

If it works in that way, that tutorial is wrong: The Visual Editor will adapt depending on your Post Layout, and the article will look exactly the same.
https://forum.tagdiv.com/post-editor/
Also, on their preview, the text goes on a new line when it does in preview, and this could be confusing, as I would expect it to work as shown in their screens.

• This reply was modified 11 years by daimpa.

Don’t know how to explain better than this:

On the same screen
This is what I see in the text editor: http://s3.postimg.org/w6f4wumxv/ex_1.png
This is what I see in public post: http://s3.postimg.org/71o4jfnhf/ex_2.png

This test has been done on a NEW wordpress installation.

Is this normal?

I’d like an option to disable it too, but if we can have this working, it’d be better.

Really, I don’t understand why it doesn’t work to me, even on a new installation. Maybe that there’s a bug with PC resolutions 1440*900px? Could you test it with this resolution please?

I’ve tested it on a new installation, monitor 1440*900px… Nothing to do, the text in public post goes on a new line after it doesn in the preview post, ON THE SAME MONITOR.
Can you confirm that post preview-public post should be the same, on the same monitor, independing on its px, without doing any customization?

• This reply was modified 11 years by daimpa.

Just thinking again about this… “It doesn’t work that way, due to dpi of the monitor, font size on different devices, differences in font files on different devices, etc.” If it’s the same monitor, preview and public post on the SAME monitor should look the same, right?

I’m thinking again about this as I’ve just seen this image: https://forum.tagdiv.com/post-editor/ To me it doesn’t work in that way. On the SAME monitor, default settings, preview is different from public post.

I think it’s wrong.. right?

These two screens are taken from the SAME monitor:
Post editor: http://s17.postimg.org/9r8ifc6kf/Cattura_di_schermata_253.png
On the blog: http://s17.postimg.org/d9kibq7gf/Cattura_di_schermata_254.png

Looking at the image you posted in the tutorial, it should’nt work in that way, so I think there’s a bug somewhere…

• This reply was modified 11 years by daimpa.
• This reply was modified 11 years by daimpa.

Edit: not sure if it should show only subcategories, it shows ALL categories of my blog.

Hello Chris, thanks once again for your infinite patience. I’m trying to understand 🙂

Could you give me the link to the test site you said above, so I can see how it works there? Thanks 🙂

Hello Chris, thanks once again for your reply.

I’d prefer to have it working rather than disabling it.

Maybe that my bad english is causing some confusion, so let’s try to clarify.

What I expect is that that vertical line should make the text going on a new line in the post editor page exactly when it goes on a new line in the public post page. This vertical line should automatically resize on all devices, so that in the post editor I’ll always see what I see in the post page.

Am I right?

If it would work in that way, then I’d be more than happy to have it enabled in my website. The problem is that that line doesn’t work in that way, like shown in the screens, and I’m trying to understand why, so I can fix it… Am I the only one with this problem?

Hello, thanks again for your reply. A great theme with a great support, it’s amazing! 🙂

I’d like this feature too, if it works. For me, it doesn’t work 🙁

I’ve tested it with 4 screen: Desktop PC 1440*900px, notebook 1366*768, windows tablet 1368*768, windows phone 4,5″ 1280 x 768.

With default settings, it doesn’t work in any of them.

If I put the tablet in landscape mode, in the post editor it shows what I see in the post page when it’s in vertical, if I put in vertical in post editor it shows what I see in the post page when it’s in landscape, but I think that it’s just a coincidence.

If I put 640px in the .css files like suggest by Lucian, it works everywhere but in tablet when it’s in vertical mode and windows phone in vertical mode.

The problem is that I’m not the only one who will write articles. If this is not a problem for me, I’m not sure that for other it’ll be fine, so I’ve to fix it.

Hello, ok now I understood the situation. The fact is that I tought that I could enable comments for single post, but this doesn’t override the general setting. So, if you say that post older than 14 days have comment closed, then it’s a general setting and you can’t override this.

Anyway, I think that you should edit the theme and made it possible to show old comments also when comments are closed. Or at least, add an option. Do you agree?

If I view and preview the post on the same screen, that line shouldn’t resize automatically? I’ve the problem on a PC Desktop, 1440*900px resoultion.

Anyway, if I do the modification suggested by you then it works fine on PC, but I think that it’ll work bad on other devices, right?

Thanks for your patience.

Hello, that was the problem, but this setting on the single article shouldn’t ovverride that option?http://s3.postimg.org/6ecj8ges3/Cattura_di_schermata_260.png

And how can I set things in a way that comments are closed but shown?

For your information, I’ve the same problem when I insert a link to a “tab” in a page, created with the visual composer. If I put this link: http://mysite.com/page-url/#tab-1421466619-2-66 in the menu, this link doesn’t work. Not sure if the things may be related.

Solution found. If anyone needs: https://forum.tagdiv.com/topic/create-read-more-button/

Actually, I edited the template in this way:

<div class=”td-excerpt”>
<?php echo $this->get_excerpt(40);?>href;?>”><?php echo __td(‘ Read more’, TD_THEME_NAME);?>
</div>

Post editor: http://s17.postimg.org/9r8ifc6kf/Cattura_di_schermata_253.png
On the blog: http://s17.postimg.org/d9kibq7gf/Cattura_di_schermata_254.png

• This reply was modified 11 years by daimpa.