Post Bit

[Ashley S]

I have a new theme but the Post Bit is in the middle.
I want it to be on the Left like any other theme.

Preview
http://i.imgur.com/CZsUS.jpg

Thank you.

[IchBin™]

Not much we can do if you don't allow us to view the theme. We have no way to know what HTML/CSS are associated with those bits. The firebug tool in my signature is a big help. It will allow you to click on any item in the page to see what CSS is associated with the HTML element that you select. You can then edit the items in firebug to see how they affect things. If you figure it out, then you can make the changes in the file permanently.

[Matthew K.]

It probably is as simple as changing text-align: center; to text-align: left; for that element. - Which is most likely a class or id called "poster"

[Ashley S]

I am new to editing themes .
Any tutorial or guide to how to do it.

Thank you.

[Matthew K.]

Providing a link to your forum would help...

[IchBin™]

I am new to editing themes .
Any tutorial or guide to how to do it.

Thank you.

I gave you the short answer on how to use firebug. If you are new to themes, I'd suggest watching the video tutorials I did. They are linked in one of the stickies up top of this board.

[SN]

Its most likely to change it, the edit will be made in the Display.template or index.css

but we can't really help you without a link to your site or knowing what theme you are using

[Ashley S]

Providing a link to your forum would help...

There's a screenshot which is enough to look at it.
I don't actually want to give the URL out yet.

[IchBin™]

Thats fine if you don't want to post a URL. But we can't show you the problem with out it.

[Mari-chi]

Well actually, in order to pinpoint the exact CSS selector, an URL would be needed. But as Labradoodle said, it's most likely 'poster'. Try adding this to the end of index.css (if you're using 2.x; for 1.x I believe it's style.css):

Code Select Expand

div.poster {
     text-align: left;
}

[Matthew K.]

It's a POSSIBILITY that it's poster, that's what it is by default. But as Ich said, there's no way to know without a) the file b) a link c) the theme name

[Ashley S]

It's on the left now. But it's way too far over.

I added.

Code Select Expand

div.poster {
     text-align: left;
}

To the bottom of the index.css

[Matthew K.]

Try...

Code Select Expand


div.poster
{
text-align: left;
margin-left: 5px;
}

[Ashley S]

Fixed, Thank you guys.

Now is there a way to fix this?.
http://i.imgur.com/MXt3S.jpg

It should be like this.

Code Select Expand

Last post by Ashley
in Forums Promotion
on Today at 02:47:36 PM

Thanks.

[Matthew K.]

You'll have to adjust the widths of those three elements to the right element is wide enough to be like that. Again, with no link provided, and no theme, it's really not very easy for us to help you.

[Ashley S]

Register at -
I will let you edit the theme, I am no good at doing it aha .

Thanks.

[Matthew K.]

I prefer to use an FTP Client to edit files rather than anything built-in to SMF. You can shoot me a PM with FTP Login, and I'll look into it if you'd like.

[IchBin™]

Change this in index.css:
.lastpost strong {
    color: #7AA224;
    font-size: 12px;
    display: block;
}

To this:
.lastpost strong {
    color: #7AA224;
    font-size: 12px;
}

[Ashley S]

Tank you very much, IchBin™ .

[Matthew K.]

I see you got it fixed. Topic resolved?

Good luck