[SOLVED] RT RokBox CB Login Module Human Images?

Hi All,

I've managed to get my sites CB Login Module to open from my RocketTheme template menu link, via their RokBox.

However, if you click "Register / Login" Homepage the two human / people images are huge and I can't seem to fathom where / how I can reduce those two images sizing. This would then make me very happy with the register / login opening in a popup window and streamlining this process.

Any help or guidance with the above issue would be very much appreciated.

Regards,
Rob

The below CSS is causing this.

IN: plugins/system/rokbox/assets/styles/rokbox.css
ON: Line 15

Hi Kyle,

Thanks for the reply, it's much appreciated.

I've had a look at the code snippet you mention and tried changing the values but correct me if I'm wrong, that's just the width and height of the RokBox pop up window and not the actual 2 human images within it?

I need to make the actual "Lost Password" and "Registers" human images much smaller than they are currently showing, how do I go about this as I know from previous installs on other sites they were much smaller, more the size of approx 16x16 or 32x32.

Regards,
Rob

krileon wrote: The below CSS is causing this.

IN: plugins/system/rokbox/assets/styles/rokbox.css
ON: Line 15

Code:

.rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container img { width: 100%; height: auto; max-width: 100%; }

I've had a look at the code snippet you mention and tried changing the values but correct me if I'm wrong, that's just the width and height of the RokBox pop up window and not the actual 2 human images within it?

It's the height and width of image tags in a rokbox popup window. See the final selector is the "img" tag. Remove the CSS and the images will display normal size again.

I need to make the actual "Lost Password" and "Registers" human images much smaller than they are currently showing, how do I go about this as I know from previous installs on other sites they were much smaller, more the size of approx 16x16 or 32x32.

It has nothing to do with the images. They already are very small. The issue is that CSS is upscaling them.

Hi Again Krileon,

Thanks once again for pointing me in the right direction to my issue that I had above and it's pretty much fixed once I took out that "img" tag selector.

However, can you please hit the Register / Login nav menu link Here... and let me know if the CB Login module that opens in the popup, contains small blue question marks '?' in front of all the social login images?

I gather it's something to do with the tooltip that tells people what those button icons are for, just like ALT tags do for images but I don't know if it's only me seeing it at my end.

If you do, do you know how I can rectify that from happening?

I look forward to hearing from you in due course.

Regards,
Rob

krileon wrote:

I've had a look at the code snippet you mention and tried changing the values but correct me if I'm wrong, that's just the width and height of the RokBox pop up window and not the actual 2 human images within it?

It's the height and width of image tags in a rokbox popup window. See the final selector is the "img" tag. Remove the CSS and the images will display normal size again.

I need to make the actual "Lost Password" and "Registers" human images much smaller than they are currently showing, how do I go about this as I know from previous installs on other sites they were much smaller, more the size of approx 16x16 or 32x32.

It has nothing to do with the images. They already are very small. The issue is that CSS is upscaling them.

No idea, the popup doesn't appear to work at all and displays the following.