Change post width
-
Hi!
As you can see my blog (http://climbingthemountain.wordpress.com/) is about Physics and I don’t shy away from using mathematical equations. The thing is that sometimes the mathematical equations are too big and I have to tinker and tinker with the formulas just so I can make it fit in the themes width.
I was wondering if it is possible to customize the theme width (I’m assuming I’ll have to pay for it and I don’t mind that) so that it has a bigger width and don’t have to lose time with formula formatting.
Thanks
The blog I need help with is: (visible only to logged in users)
-
So I’ve playing around with the CSS editor and this is what I got so far:
http://climbingthemountain.wordpress.com/
I was able to achieve that result by applying the following lines of code:
#page {
margin: 20px auto;
padding: 0;
width: 1024px;
}#sidebar {
margin-right: 825px;
padding: 32px 0 10px;
width: 190px;
}As you can see I was able to increase the post area width and I was also able to push the widget area to the right. The only thing that is wrong is that I can’t match my posts with the post area so I ended up with a lot of unused space.
Can somebody help me so that I can realize what is that I’m doing wrong?
Thanks in advance
PS: in the mean time I’ll try to see if I can sort it out by myself.
-
I got it!
The following line of code solves my problem:
#content {
font-size: 1.2em;
overflow: hidden;
}
.narrowcolumn {
float: left;
margin: 0;
padding: 0 0 20px 45px;
width: 750px;
}The final result is a little bit ugly so if someone can help me tidy up what I did I’d be very appreciated.
-
Yay! Glad you got that sorted out. Please let us know if you have additional questions or run into problems.
-
Hi there,
1.looking for some CSS code to increase post width
2. need to override cell padding/spacing values on Services page in Shine On theme on sugarmethod.com -tried combing the forums + trial + error, but theme is pretty robust it seems hell bent on ignoring all my efforts:)any info would be great!
-
@dalesharon3, since you are talking about a theme different than the one discussed in this thread, could I ask that you start a new thread on this in the CSS forum? That will help to prevent confusion for those coming to this thread in the future. Many thanks in advance.
-
@thesacredpath: sorry if this is somewhat out of the scope of the original request but as you can see in my blog I have borders around some portions of my text (theorems, axioms, lemmas, etc.). Theses borders are always around the text that they encircle but it’d be more aesthetic for the borders to always have the maximum size allowed for the post area.
Is there a way for me to this? If it is, can you please help me out?
-
Nailed it too!
table{
table-layout: fixed;
width: xxxpx;
}Where xxx is table width you want to enforce.
-
Ok this one I’m fairly sure I won’t be able to sort out.
When looking to individual posts http://climbingthemountain.wordpress.com/2014/02/15/real-analysis-limits-and-continuity-vi/ the formatting I’ve done with the CSS doesn’t hold, even though it holds with individual pages http://climbingthemountain.wordpress.com/the-plan/
Can somebody please help me out in solving this.
-
Black Letterhead uses a different selector for the single post page content area. Add the following to your CSS.
.widecolumn { width: 750px; }Nice job on figuring out the table issue!
-
-
Last question @thesacredpath: When I visit my site from my mobile phone the whole theme is off:
1 – The background isn’t dark
2 – The links aren’t orange
3 – The formula don’t show up..How I can enforce that mobile devices see the real appearance of my blog?
Thanks in advance.
-
You phone is showing the mobile theme, which is different from your site’s regular theme. You can turn this off from Appearance > Mobile in your Dashboard.
-
- The topic ‘Change post width’ is closed to new replies.