Calling all coding experts! I've been working on customizing a Tumblr theme, and everything is looking good except for one issue. I'm struggling to adjust the width of photos on a permalink (post) page.
Check out this link: You'll notice that the image's container has a set width of 426px
:
<div class="tw_post tw_post_get tw_post_photo ocean masonry-brick" id="tw_post_113115224219" data-post-id="113115224219" style="width: 426px; position: absolute; top: 30px; left: 0px;">
A similar issue is occurring with the Notes container next to the image:
<div class="tw_post tw_perma_post tw_share_block masonry-brick" style="width: 426px; position: absolute; top: 30px; left: 486px;">
I suspect that the "masonry-brick" class might be responsible for enforcing the width. But my attempts to override it using CSS haven't been successful - changing the width affects the homepage layout as well ()
I want the homepage to remain as it is, with 4 columns displaying images at 244px wide. However, I'd like the single post pages to show images at 100% width, along with other notes underneath displayed at full width. How can I achieve this? I need to modify the width and position of these containers.
Any help or guidance would be greatly appreciated!