CSS changes in plugin breaks formatting

kwingerei
(@kwingerei)

1 month, 1 week ago

See the most read stories at the bottom of the page – this is after updating to 4.2.1 (staging site), and note the broken formatting.

The live site (michaelwest.com.au) is on version 4.1.1.

The site uses DIVI, and the list is using shortcodes within 4 columns as follows (using Custom CSS for Left thumbnails)

[tptn_list limit=”1″ show_excerpt=”1″ how_old=”14″]

[tptn_list limit=”1″ offset=”1″ show_excerpt=”1″ how_old=”14″]

etc.

It appears that the changes are related to using Flex for the <li> tag and other chages to the .tptn-left-thumbs class.

The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

Plugin Author Ajay
(@ajay)

1 month, 1 week ago
Please could you add this to your custom styles tab. The style you’re using is “left thumbs” which is why the plugin is trying to do that. However, in you case we don’t need to flex it.
```
.tptn-left-thumbs ul li {
  display: block;
}
```
Thread Starter kwingerei
(@kwingerei)

1 month, 1 week ago

Thanks for the quick response, Ajay. That fixes the issue with positioning (after adding !important). However, the featured image is incorrectly adjusted still – appears to be an inline CSS for .tptn-left-thumbs that forces the height and aspect ratio.

https://staging.michaelwest.com.au/

Plugin Author Ajay
(@ajay)

1 month, 1 week ago

Please can you check what you have for the Thumbnail Height and Width settings under the Settings > Thumbnail tab.

It should be 800×500 if I’m not mistaken, but is it larger?

Thread Starter kwingerei
(@kwingerei)

1 month, 1 week ago

Thanks. 800×500 is not an option, but set to 1080×675 (same aspect ratio) and haven’t changed it after the update.

Thread Starter kwingerei
(@kwingerei)

1 month, 1 week ago

Correction, can set to 800×500, of course, and have done that. No change.
Plugin Author Ajay
(@ajay)

1 month, 1 week ago
Thanks for setting this – I just realised I know what the problem is. There is an unintentional bug in the thumbnail css which uses important and it shouldn’t. I’ll fix this in the next release

Can you please also add this to the styles page:
```
.tptn-left-thumbs img.tptn_thumb { height: auto !important; }
```
Thread Starter kwingerei
(@kwingerei)

1 month ago

Thanks, Ajay. All good now. Great support!!

Viewing 7 replies - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.