The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Help making Tumblr posts fit the text box?
agentsd
post Jun 18 2016, 09:23 PM
Post #1





Group: Members
Posts: 2
Joined: 18-June 16
Member No.: 24,343



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!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Jun 19 2016, 06:30 AM
Post #2


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
agentsd
post Jun 19 2016, 12:51 PM
Post #3





Group: Members
Posts: 2
Joined: 18-June 16
Member No.: 24,343



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!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Jun 19 2016, 03:13 PM
Post #4


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 20th June 2018 - 08:33 AM