Move online icon up and line color change

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Get Involved
Locked
mikey84
Registered User
Posts: 38
Joined: Wed Mar 07, 2012 3:23 pm

Move online icon up and line color change

Post by mikey84 »

How would I move the online icon up so it fits in the corner and change of the color of the white line?

Image

Forum link: polishsoccer.com/forum

Thanks for any help! :)
User avatar
dellsystem
Former Team Member
Posts: 3879
Joined: Sat Apr 09, 2005 8:54 pm
Location: Montreal
Name: Wendy
Contact:

Re: Move online icon up and line color change

Post by dellsystem »

Hi,

The colour of the line is defined on line 295 of styles/reds/theme/man.united.css:

Code: Select all

border-top: 1px solid #FBFBFB;
If you want it to match the grey line on the side, change the hexcode to #E1E1E1.

The position of the "online" icon is defined on line 33 of the same file. I believe that if you simply delete that line, it will move up to where you want it to be. Give it a try and let me know if there are problems :)
Former moderator and website team member | My MODs, and more (GitHub)
drjumba
Registered User
Posts: 280
Joined: Tue Feb 14, 2012 11:29 am

Re: Move online icon up and line color change

Post by drjumba »

in addition, your forum link will be very helpful.
mikey84
Registered User
Posts: 38
Joined: Wed Mar 07, 2012 3:23 pm

Re: Move online icon up and line color change

Post by mikey84 »

dellsystem wrote:Hi,

The colour of the line is defined on line 295 of styles/reds/theme/man.united.css:

Code: Select all

border-top: 1px solid #FBFBFB;
If you want it to match the grey line on the side, change the hexcode to #E1E1E1.

The position of the "online" icon is defined on line 33 of the same file. I believe that if you simply delete that line, it will move up to where you want it to be. Give it a try and let me know if there are problems :)
It worked but it turned the forum blue like this one.

Image

Image

I really appreciate the help.

Never mind I found it.

Found:

.online, .offline {
background-position: 100% 26px;
}

And changed to:

.online, .offline {
background-position: 100% 0px;
}

Thanks for the help.
Locked

Return to “[3.0.x] Styles Support & Discussion”