How to change the Blogum theme into 2 columns?

erikoart · Member · Oct 13, 2011 at 10:51 pm
Copy link

Add topic to favorites
Hello,

I am new to Css, and I was wondering if anyone knows how I can transform my 3 column Blogum template into 2 like this blog? It must be doable since that blog is on a Blogum theme like mine. I don’t find too many uses for my h6 tag, so I might as well get the left column to become a row, like a header on top of my body contents. Does anyone know the code for this? Thank you!

The blog I need help with is: (visible only to logged in users)
timethief · Member · Oct 13, 2011 at 11:01 pm
Copy link
The site you point to is not a free hosted WordPress.com blog and does not have the same version of the theme that has been coded to run on our software. The custom design upgrade the upgrade will allow you to stylize the appearance of themes you find here > Appearance > Themes, but will not allow you to change the functionality, by editing the underlying template.

Does the Custom Design upgrade let me edit HTML?
No. The Custom Design upgrade allows you to edit CSS only. You can change the appearance of a theme, but not its HTML markup, PHP code, or content. You can choose to apply your custom stylesheet to any of the themes available on WordPress.com.

http://en.support.wordpress.com/custom-design/custom-css/#frequently-asked-questions
thesacredpath · Member · Oct 13, 2011 at 11:11 pm
Copy link
That isn’t Blogum. Made by the same people, but it is not Blogum, it is sidenote minimal.

Theme Name: sidenote minimal
Author URI: http://sidenote.hu/
Description: sidenote minimal is a simple, grid based blog WordPress theme, designed in a modern and minimalist style. The theme has a heavy focus on your content and very clean feel. Theme supports all WordPress 3.0 features and gives you extra flexibility. Designed by WPSHOWER and modified by szantaii.
Author: WPSHOWER & szantaii

Add the following to the bottom of your CSS and take a look at what happens. Each of the elements in the metadata will have to be adjusted separately to align them since they are all separate divs.
```
.post-meta {
width: 100%;
}
```
erikoart · Member · Oct 14, 2011 at 6:39 am
Copy link
@ thesacredpath

Thank you for the code, it does move the body content to the left, but I don’t know how to adjust the metadata elements. I tried to mingle around with some of the numbers, but they don’t seem to align in a row?
thesacredpath · Member · Oct 14, 2011 at 7:40 am
Copy link
The problem with getting things on one line is that it was not designed that way and that means that if one element ends up being longer then it is going to run over whatever is to the right of it. Let me play with it a little bit and see what I can do.
thesacredpath · Member · Oct 14, 2011 at 9:05 am
Copy link
This is about the best that can be done without access to the theme files. You will notice that with shorter author names, there is more space between the name and the date, but there isn’t much way to avoid that. I’ve adjusted for the longest author name I saw on your site. Make sure and look at this both while logged in and logged out to make sure nothing goes out of alignment. Using position absolute and relative can sometimes be tricky.
```
.post-meta {
position: relative;

.post-date {
left: 80px;
position: absolute;
top: 45px;
width: 150px;
}

.post-categories {
margin-top: -5px;
}
```
thesacredpath · Member · Oct 14, 2011 at 9:06 am
Copy link
I forgot my closing bracket on the first bunch.
```
.post-meta {
position: relative;
}
```
erikoart · Member · Oct 15, 2011 at 3:02 am
Copy link
Thank you for the codes. They worked great. I also had to adjust a few others for everything to be in a row, but upon hours of coding I realized the template doesn’t work out so well with archives and also when using the search bar. So I decided to stay with my current 3-column template. But I truly thank you for all your hard work! One last question I have, is regarding the comment box. How can I resize it so that it wont stretch the entire width of the .wrapper? Thank you a million!
erikoart · Member · Oct 15, 2011 at 3:04 am
Copy link
ps: @thesacredpath, you have been so helpful in helping me redesign my entire blog template. I truly appreciate your consideration and would like to credit your work for me on my blog, would that be okay with you?
thesacredpath · Member · Oct 15, 2011 at 6:20 am
Copy link
You are very welcome, and I would appreciate the mention.

This should do it for the comments.
```
#comments {
clear: none;
float: left;
width: 705px;
}
```
erikoart · Member · Oct 16, 2011 at 12:59 am
Copy link
Thank you!
thesacredpath · Member · Oct 16, 2011 at 1:21 am
Copy link
You are welcome.

No items found.