Statbox Problem

Go down

Solved Statbox Problem

Post by Take Notes on May 28th 2016, 9:40 pm

We are having problems positioning the statboxes. It is perfectly aligned on mobile but on computer it shows weird.


avatar
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Statbox Problem

Post by SLGray on May 28th 2016, 9:52 pm

Please post your forum's link.

The topic was posted in the wrong section, so I have moved it to the correct section.
Please read our forum rules:  ESF General Rules


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43071
Reputation : 3047
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Statbox Problem

Post by Take Notes on May 28th 2016, 10:02 pm

avatar
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Statbox Problem

Post by SLGray on May 28th 2016, 10:17 pm

Check your CSS stylesheet for this:
Code:
.statbox p > strong {
    background: #63a59a !important;
    color: #fafafa !important;
    font-size: 14px !important;
    padding: 8px 8px 7px !important;
    position: relative;
    top: 3px;
}
Change the top part to a negative number.



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43071
Reputation : 3047
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Statbox Problem

Post by Take Notes on May 28th 2016, 11:29 pm

Doesn't work. If I fix what is shown on PC ten mobile gets affected.
avatar
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Statbox Problem

Post by 10spetter10 on May 29th 2016, 12:17 am

It isn't the most proper solution, but this should do.

Code:
.statbox > * {
    top: -9px;
    position: relative;
}
avatar
10spetter10
Forumember

Posts : 195
Reputation : 82
Language : Dutch

Back to top Go down

Solved Re: Statbox Problem

Post by Take Notes on May 29th 2016, 11:06 pm

Didn't work.
avatar
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Statbox Problem

Post by Luffy on May 29th 2016, 11:08 pm

So the problem relies on mobile devices now?
For the pc as far as i can see it's working fine.. Am i correct?



avatar
Luffy
Manager
Manager

Male Posts : 5340
Reputation : 574
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

Solved Re: Statbox Problem

Post by Take Notes on May 29th 2016, 11:11 pm

You are correct. Mobile is now wrong and PC is correct.
avatar
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Statbox Problem

Post by Luffy on May 29th 2016, 11:12 pm

At the moment i am seeing the same thing on my phone and my pc..
How do you want this design to be?



avatar
Luffy
Manager
Manager

Male Posts : 5340
Reputation : 574
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

Solved Re: Statbox Problem

Post by Take Notes on May 29th 2016, 11:18 pm

The stat box to be aligned with the black stripe. Same height.
avatar
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Statbox Problem

Post by Luffy on May 29th 2016, 11:21 pm

Replace the above code with this one:
Code:
.statbox > * {
    top: 6px;
    position: relative;
}



avatar
Luffy
Manager
Manager

Male Posts : 5340
Reputation : 574
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

Solved Re: Statbox Problem

Post by Take Notes on May 29th 2016, 11:27 pm

It's working on mobile, I'll check later to see if it works on PC.
avatar
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Statbox Problem

Post by Ange Tuteur on May 29th 2016, 11:36 pm

Remove this :
@Luffy wrote:Replace the above code with this one:
Code:
.statbox > * {
    top: 6px;
    position: relative;
}

and add this :
Code:
.statbox {
  height:34px !important;
  padding:0 !important;
}

.statbox p > strong {
  position:static !important;
  display:inline-block !important;
  padding:0 7px !important;
  height:34px !important;
  line-height:34px !important;
}

All you need to do is set a fixed height and have the line-height equal to the height, so the content inside is vertically centered. I don't know where everything occurs in your stylesheet, so sorry for the hoard of !important flags. I don't want latter rules overriding the fix. Razz

If it doesn't work let me know.
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Statbox Problem

Post by Take Notes on May 31st 2016, 11:08 pm

Im confused on what to edit now

avatar
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Statbox Problem

Post by Ange Tuteur on June 1st 2016, 12:00 am

The padding isn't being overridden. Replace the rules with these ones :
Code:
body .statbox {
  height:34px !important;
  padding:0 !important;
}
 
body .statbox p > strong {
  position:static !important;
  display:inline-block !important;
  padding:0 7px !important;
  height:34px !important;
  line-height:34px !important;
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Statbox Problem

Post by Take Notes on June 11th 2016, 7:30 pm

Solved, thanks Ange!
avatar
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Statbox Problem

Post by SLGray on June 11th 2016, 7:32 pm

Problem solved & topic archived.
Please read our forum rules:  ESF General Rules


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43071
Reputation : 3047
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum