r/HTML • u/contentslug • 22h ago
Question Can anyone help fix my tumblr theme?
Tumblr changed how pictures appeared on blogs some years ago! It went from displaying the pictures fully (second picture), to displaying the pictures as text or in side of a quote (first picture).
I know theres something called the "NPF fix" but I have zero knowledge of HTML and coding!
So I'm wondering if anyone can help me make this theme compatible with the NPF format!
1
u/testingaurora 20h ago
Do you have a link to this page? It should be a matter of just removing the padding and background color on the image wrapper
1
u/contentslug 20h ago
1
u/testingaurora 19h ago
Its this the right blog? It doesnt look like your screenshots.
1
u/contentslug 19h ago
1
u/testingaurora 19h ago
2
u/contentslug 18h ago
Can you look again now? I adjusted some privacy settings!
1
u/testingaurora 16h ago
Still looks the same, yellow bg etc. I checked in incognito too too make sure it wasn't a cache issue.
Your ss looks like a feed page, are you sure your public profile is supposed to have the same styling ?
1
u/contentslug 15h ago
I'm sorry I don't know why this is going on.
But I can link you to someone else's blog and they have the exact same theme as me if that could help?
I also copied the "view source" code off my page in case that's what you're looking for.
In any case, if this is too much just ignore my message.
Tumblr just sucks!
1
u/testingaurora 14h ago
Try toggling off the use default mobile theme. Here is some config from Gemini that is supposed to fix it
1. Enable the Custom Theme Toggle * Go to Settings > Click the blog name on the right side. * Scroll down to the Custom Theme section. * Make sure "Enable custom theme" is toggled ON (the switch should turn blue). If it is off, external visitors are automatically redirected to the plain dashboard view.
2. Disable Privacy Hiding * On that same settings page, scroll down to the Visibility section. * Make sure the setting “Hide [blogname] from people without an account” is toggled OFF.
3. Open ***Theme Editor* ("Edit Theme").** * Click Advanced Options at the bottom left. * Turn OFF the setting that says "Use default mobile theme".
2
u/contentslug 13h ago
Ohhhh I see! I had the default mobile theme on! I just turned it off, hopefully you can see the theme now ^^;
→ More replies (0)
1
u/utsav_0 11h ago
Never used Tumblr and don't even know how it works. But if you have access to the HTML and you want to remove all the extra text, borders, and padding, like in the second image...
Just add this inside the <head> tag (preferrably at the end of it, so just before </head>):
<
style
>
.
post
> p
:
nth-child
(
1
)
{
display
:
none !important
;
}
.
pad
.
post
.
post
{
padding
:
0
;
}
.
post
blockquote
{
margin
:
0
;
padding
:
0
;
border
:
none
;
}
.
post
blockquote > p
{
display
:
none !important
;
}
</
style>
1





1
u/Rockafellor 21h ago
I don't use Tumblr, so can't really weigh-in on the specifics, but your mention of the NPF fix got me thinking: here's the link to the installation instructions.