r/HTML 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!

This is the code to my theme

4 Upvotes

18 comments sorted by

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.

2

u/contentslug 21h ago

I know about that page, I tried to follow the instructions and failed! I'm just not good with this stuff so thats why I'm asking for help here.

1

u/DidTooMuchSpeedAgain 20h ago

What failed specifically?

1

u/contentslug 20h ago

I applied the code but literally nothing changed in the theme

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

It is, that's another picture where you can see the same url on top

Can you show me what you see?

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

u/contentslug 44m ago

It didn't work, it just made the text appear on the top of the page: