Hey, just checking if there is a easy way to change the fixed width size of the stoked theme. My older posts were made with a slightly wider mightymag theme, and it would be alot easier to make it slightly wider than update every post image.
the grid layour is based on Bootstrap 4, you might want to check their docs to understand how it works. Can't just change one element width without affecting the others.
I don't see your website but I don't think you should re-upload all images, perhaps is enough to regenerate your thumbnails with a plugin like Force Regenerate Thumbnails or similar (?).
It's not about the images themselves, but the fact I sometimes stacked two images together. This wasn't a good idea, but i have been doing it for some time. I will be using a gallery insert for 2 images in the future, to make it responsive.
Because the width is smaller, the two images that were normal next to each other, are now one on top and one below. If i was able to make the fixed width slightly wider, than the images would be next to each other again on the older articles.
Here is a link to one of the reviews that have that has the issue.
I understand your issue, although the solution would definitely be trying to reduce images via CSS rather that changing the whole theme grid.
Having the chance to add a CSS class to the 'coupled' images would definitely do the trick, although that would require going through all posts to make this change, which obviously isn't ideal.
I might found a workaround though, in order to detect via CSS how many images a p tag has as siblings.
Please try pasting this code in the custom CSS textarea (Advanced tab).
Hey, just checking if there is a easy way to change the fixed width size of the stoked theme. My older posts were made with a slightly wider mightymag theme, and it would be alot easier to make it slightly wider than update every post image.
Let me know.
Cheers
Hi there,
the grid layour is based on Bootstrap 4, you might want to check their docs to understand how it works. Can't just change one element width without affecting the others.
I don't see your website but I don't think you should re-upload all images, perhaps is enough to regenerate your thumbnails with a plugin like Force Regenerate Thumbnails or similar (?).
Regards
djwd
Hey djwd,
Thanks for the info.
It's not about the images themselves, but the fact I sometimes stacked two images together. This wasn't a good idea, but i have been doing it for some time. I will be using a gallery insert for 2 images in the future, to make it responsive.
Because the width is smaller, the two images that were normal next to each other, are now one on top and one below. If i was able to make the fixed width slightly wider, than the images would be next to each other again on the older articles.
Here is a link to one of the reviews that have that has the issue.
https://www.geektech.ie/revew-sony-xperia-xz2/
Let me know what you think. If it's an easy fix at all, but if not, I will change the images manually, on the last few reviews at least.
Thanks again,
Craig
Hi there,
I understand your issue, although the solution would definitely be trying to reduce images via CSS rather that changing the whole theme grid.
Having the chance to add a CSS class to the 'coupled' images would definitely do the trick, although that would require going through all posts to make this change, which obviously isn't ideal.
I might found a workaround though, in order to detect via CSS how many images a p tag has as siblings.
Please try pasting this code in the custom CSS textarea (Advanced tab).
.stkd-post-image:first-child:nth-last-child(2), .stkd-post-image:first-child:nth-last-child(2) ~ .stkd-post-image { width: 50%; display: inline-block; float: left; }I tested it and it seems to work for me.
Hope it helps
Regards
djwd