Help - Search - Members - Calendar
Full Version: Help making Tumblr posts fit the text box?
HTMLHelp Forums > Web Authoring > Web Site Functionality
agentsd
Hello!

I'm trying to edit a Tumblr theme to make the posts fit inside the post boxes--right now there's a lot of empty space in them, like so: http://firstdraftwithsarahenni.tumblr.com/ Any help is greatly appreciated!
Frederiek
I don't really see what you mean, unless you talk about the width of the posts. The #postsHolder SECTION and .post ARTICLE both have a width of 648px, while the .postMain SECTION (containing the actual post) has a width of 80% of that width, resulting in a computed width of 547px.

Lower the largest widths, taking in account the computed width and the 16px padding it has.
agentsd
QUOTE(Frederiek @ Jun 19 2016, 06:30 AM) *

I don't really see what you mean, unless you talk about the width of the posts. The #postsHolder SECTION and .post ARTICLE both have a width of 648px, while the .postMain SECTION (containing the actual post) has a width of 80% of that width, resulting in a computed width of 547px.

Lower the largest widths, taking in account the computed width and the 16px padding it has.


I searched in the custom HTML and the numbers themselves weren't appearing anywhere--to clarify my problem, the text of the post doesn't extend across the entire post box. I even searched for 80% to see if I could find the width itself, and again it didn't warrant any results. I couldn't find any way to change the width in the #postsHolder or .postMain SECTION. Is there anything else I might be able to do to fix it? Thanks so much for the reply--I really appreciate you taking the time to look at it!
Frederiek
The width for #postsHolder and .post are set in an external CSS file called style.min.css, to which you obviously don't have access on Tumblr.

You might be able to overwrite that by adding your own width for these elements in the embedded CSS inside the HEAD. As all you have is the embedded CSS on every page.

You're welcome. All I do is inspect the elements. Then it is yet to be seen what can be done in Tumblr.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2017 Invision Power Services, Inc.