Topic Page Numbering Icon

I'm looking for the icon that is next to the topic page numbers. I have a screenshot with a red arrow pointing to the icon I am referring to. I'd like to change that to something else. I checked the AP>>Display>>Pic management>>Advanced and didn't find it there. I checked the CSS stylesheet also and nothing there.

The icon URL is something like this:

Code:

 http://....../icon_pages.gif

How do you know the image link went something like that??
just wondering what you did with he rest of the link and where you found it
Whatever the case this should do the trick, Be sure it's not already in your css first

Code:


.pagination {
    background: url("http://2img.net/i/fa/prosilver/icon_pages.gif") no-repeat scroll 0 50% transparent;
    display: block;
    float: right;
    font-size: 0.9em;
    margin-top: 0;
    padding: 1px 0 1px 15px;
    width: auto;
}




Hi, I use firefox browser and I right-clicked the icon image and selected "View Image" and that opens a new window where the image file is. The entire URL is this:

Code:

http://2img.net/i/fa/prosilver/icon_pages.gif

That didn't work Kirk the new icon showed up way above where its supposed to be, it showed up close to the page numbers at the top of the page. I'm wanting to replace that page number icon that is in the middle of the page next to the page numbers like in that pic above.

Try changing this line on Kirks: '.pagination'
To '.icon .pagination'

thats odd it worked on my test forum
Try what LG has said, may be i had the wrong version set on my test forum.
I did find a thread with page number icon so it should be it.

If you can remember be sure to add a screen of what it's like.. It could be the image your using? Not sure but always better if we can see what your seeing

I'm using a png 10x10 image the original image I'm trying to replace is 10x11 so there is not a problem with the size or type of image file it is.

The icon is going into these page numbers on the top of the forum table I have outlined in red. The image is not in this screenshot but you don't need to see it to know that it was there. Anyway, the page numbers its supposed to be addressing is the ones on the middle of the topic title column as you can see in the first screenshot. I have searched all over for that URL to the icon and I can not find it. Is it possible it his hidden from me and out of my reach?



I should also mention I added this code a few days ago to address the background color and the border and link color of the Page numbers we are addressing now. You can have a look at it and see if its possible to incorporate the new code for the image icon we are trying to introduce to the page numbers now, or if any of that code is causing something not to work right. If need be rewrite the entire thing if you would please..lol I have no idea how to do that or if it needs it.

Code:

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
    font-weight: normal;
    text-decoration: none;
    color: #5DD5F0;
    background-color: #10282E;
    margin: 0 2px;
    padding: 0 2px;
    border: 1px solid #408FA1;
    font-size: 0.9em;
    line-height: 1.5em;
    }
    .pagination span a:hover {
    border-color: #408FA1;
    background-color: #FF0000;
    color: #5DD5F0;
    text-decoration: none;
    }
    .pagination span a.pag-img {
    border: 2px;
    background-color: transparent;
    }
    .pagination span a.pag-img:hover {
    background-color: transparent;
    }
    .pagination span strong {
    padding: 0 2px;
    margin: 0 2px;
    background-color: #10282E;
    border: 1px solid #408FA1;
    color:#5DD5F0;
    font-size: 0.9em;
    }

yeah idk i will have to try some more test.
I just found a thread link in one of your forums that had a couple pages to it.
My guess is if it's going to change the icon there then it would everywhere else as well.

But I'll try a few more things to see if there is another css to add.
To me if it really needs to be changed and a new image is not working out, then i would just get rid of the image all together, But thats just me

Well I would probably get rid of it if I knew where it was, but like I mentioned before I can't find it. Also I'm not really concerned about it and am about I'm ready to forget about it, its no big deal to me because it looks fine, I was just going add the words "Pages:" next to it using a text icon. But if I can't get that or its too much trouble than what its worth I'll just forget it. In fact Kirk I'll just pull the plug on this now, its not worth it and I've taken up too much of your time already. I'll mark this as solved. thank buddy, and you too LG.

well i mean it's not a problem, thats what we are here for, I just dont understand why it's not working for you but fine on my test forum.

But I'll try a few more things and hit you back if there is anything different i come across, if it is text you want there may be a way just to add the text there instead of a image, But i dont want to get to far ahead of our self's until i am able to test/try a few more things.

So i will leave this open for now in case someone else has a different way, or way to just add text there instead of the image.

Info added

wait try this one.
I did not have row added before .. my bad

Code:

.row .pagination {
    background: url("http://2img.net/i/fa/prosilver/icon_pages.gif") no-repeat scroll 0 50% transparent;
    display: block;
    float: right;
    font-size: 0.9em;
    margin-top: 0;
    padding: 1px 0 1px 15px;
    width: auto;
}

see that should do it.
here it is on the threads page. the little green icon
http://templearcade.freegametalk.com/f1-this-test-forum

then when you go to the thread, the pages up top and on the bottom are how they should be and do not show the icon
http://templearcade.freegametalk.com/t2-avvfvdsdvsdv

Of course keep in mind this was only for a test so dont mind the nonsense in the post.. lol

Hey good news it worked! .

I added my "Pages:" icon and that works just fine. If you want to see it take a look in the "Gaming Zone" forum that has many pages.

Thanks a lot Kirk, another successful project completed..

lol
yeah it would help to remember to add the whole code needed..
That's cool it looks good man, glad you got it sorted

Topic Solved & Locked