Snap signature to size/larger next page buttons

[kissmykandi]

I'm having issues with signatures in my forum and I haven't been able to locate a code to fix it.



See the big gap underneath the text/images? I want that gone. It isn't there on some posts but is there on others.

So I am requesting a code to snap the bottom of the table to the signature size please. c:

Also the next buttons for pages is barely noticeable, it's tiny and hidden in the right hand corner.

I would also like to have a code to make it more noticeable please! (I searched for this code too and had no luck finding anything.)

[Tumbleweed]

Link to your forum please. Something in your coding must be doing that.

[kissmykandi]

fairykei.proboards.com

I haven't added any coding that has changed it to be like this, it was just like this from the very start.

For reference I'm using chrome, but I'm pretty sure this is happening on all browsers.

[Tumbleweed]

Thanks for the link. Actually, it is happening on Chrome only, but IE and FF are fine. I don't have a test site that has alternating members posting I can test this on but this was written by Eton in this thread. Scroll all the way to the bottom, his last post and copy that code and put in the very bottom of your global footers and see if it fixes it.

By the way, while you are here, did you know your site is super wide and I have to scroll to see the whole thing? The main reason is you have a super wide banner. Also you have 1400px set in your forum resize code. Now if all your members have 1400px and larger screen resolutions, then I guess you have nothing to worry about, but for people like me, 1280px screen res is a pretty popular size and even to this day, so is 1024px. What I'd suggest is you stick this in your global headers so it will resize the banner with screen resolutions:

<style>
.welcomebg img{width: 98%;
}
</style>

And then in your global footers set your forum with to be 98% instead of 1400px.
Or you could set them both to 100% if you want it a bit larger. Just a suggestion.

[kissmykandi]

I tried your banner resize code but it doesn't seem to work. (Changed the resolution of my screen and everything, how can you stand to have it at that size? Hardly anything fits on the screen) I don't really have any desire to have my banner resized and have it appear blurry.

Thanks for the signature code though, it works a treat! Now all I need is a code which makes the next page buttons more noticeable.

[Tumbleweed]

Mar 6, 2013 17:18:12 GMT -8 kissmykandi said:

I tried your banner resize code but it doesn't seem to work. (Changed the resolution of my screen and everything, how can you stand to have it at that size? Hardly anything fits on the screen) I don't really have any desire to have my banner resized and have it appear blurry..

It's not a choice. That's the highest I can set it and that is the case with many people. It is very rare that a site makes me scroll like your site. But it is your site and you can do with it what you want. I can totally understand about the banner resizing. I just wanted you to be aware how it may look to some visitors or members, thats all.

Mar 6, 2013 17:18:12 GMT -8 kissmykandi said:

Thanks for the signature code though, it works a treat! Now all I need is a code which makes the next page buttons more noticeable

You're welcome. The two classes for the next page input box and text beside it is .titletext and .titletext input and .titletext a. The css would be something like this, with your own style of course. There probably are other things using the class titletext so beware, although off hand I can't think where.

<style>
.titletext {font-size: 1.2em;  color: red;
}
.titletext input{font-size: 1.8em; border: 1px solid red; padding: 4px; color: blue;
}
.titletext a{font-size: 1.2em; color: blue;
}
</style>

I put different colors and such so you can see what does what.