Topics Icons are on the Icons for Topics

The icons, such as solved or complete that can be used on this forum, I want them to be next to the writing, not on the icon which says whether there is a new post or not.

EXAMPLE...
Number 1 is where it is showing, but I want it to move to number 2 like the forum in the picture has it.



How do I move it?

Bump

Can your provide your forum url?

In poster profile

<-----------

bump

Your forum doesn't that so in your picture. Please provide your forum url that it's in image.

Try this:

Code:

img[src="http://i29.servimg.com/u/f29/14/69/22/94/openfo10.png"] {
position: relative !important;
left: 15px !important;
}

So, you may copy that code and paste more times, and every time to change the img link to img links you have for topic status...
Example:

Code:

img[src="http://cdn1.iconfinder.com/data/icons/basicset/plus_16.png"] {
position: relative !important;
left: 15px !important;
}

...

It has not moved the writing which says "global announcement" though

it just acts as a new layer on top of it

I want it to look like the picture provided in first post

You need to get the link of the image status [New post/No new post/Locked, etc...] and make more:

Code:

img[src="URLIMG"] {
position: relative !important;
left: 15px !important;
}

no... I mean the actual writing not an image, it just over lays on the writing

Well, add also:

Code:

div.topictitle{
position: relative !important;
left: 15px !important;
}

Okay, one last but, how do I put the image up a little?

I don't want it to be laying on the bottom of the line

Add after:

Code:

left: 15px !important;

this code:

Code:

bottom: 8px !important;

Full example:

Code:

img[src="URLIMG"] {
position: relative !important;
left: 15px !important;
bottom: 8px !important;
}

just checked it without that picture now and it looks pretty bad for things that aren't official.... look,

http://gamebase.betaboard.net/f5-announcements

Okay, try to replace this code:

Code:

div.topictitle{
position: relative !important;
left: 15px !important;
}

to this:

Code:

div.topictitle:first{
position: relative !important;
left: 15px !important;
}

hides the a behind the picture

I tried changing how many pixels it should move but it doesn't move at all now http://gamebase.betaboard.net/f5-announcements

Hah, I gust remember that your problem is solved on Justin's forum by me. You are luky, because is in english support that topic. I think should works. http://www.extrem-tutorials.com/t3162-how-do-i-make-before-topic-title-a-image-topic-rezolvat

thnx

Glad I could help.