The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Statbox Problem

View previous topic View next topic Go down

Solved Statbox Problem

Post by Vanityy on Sat May 28 2016, 22:40

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


avatar
Vanityy
Helper
Helper

Male Posts : 2334
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Statbox Problem

Post by SLGray on Sat May 28 2016, 22:52

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 : 38231
Reputation : 2576
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Statbox Problem

Post by Vanityy on Sat May 28 2016, 23:02

avatar
Vanityy
Helper
Helper

Male Posts : 2334
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Statbox Problem

Post by SLGray on Sat May 28 2016, 23:17

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 : 38231
Reputation : 2576
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Statbox Problem

Post by Vanityy on Sun May 29 2016, 00:29

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

Male Posts : 2334
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Statbox Problem

Post by 10spetter10 on Sun May 29 2016, 01:17

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

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

Posts : 195
Reputation : 81
Language : Dutch

Back to top Go down

Solved Re: Statbox Problem

Post by Vanityy on Mon May 30 2016, 00:06

Didn't work.
avatar
Vanityy
Helper
Helper

Male Posts : 2334
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Statbox Problem

Post by Luffy on Mon May 30 2016, 00:08

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 : 4478
Reputation : 453
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: Statbox Problem

Post by Vanityy on Mon May 30 2016, 00:11

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

Male Posts : 2334
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Statbox Problem

Post by Luffy on Mon May 30 2016, 00:12

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 : 4478
Reputation : 453
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: Statbox Problem

Post by Vanityy on Mon May 30 2016, 00:18

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

Male Posts : 2334
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Statbox Problem

Post by Luffy on Mon May 30 2016, 00:21

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





avatar
Luffy
Manager
Manager

Male Posts : 4478
Reputation : 453
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: Statbox Problem

Post by Vanityy on Mon May 30 2016, 00:27

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

Male Posts : 2334
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Statbox Problem

Post by Ange Tuteur on Mon May 30 2016, 00:36

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 : 13083
Reputation : 2758
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Statbox Problem

Post by Vanityy on Wed Jun 01 2016, 00:08

Im confused on what to edit now

avatar
Vanityy
Helper
Helper

Male Posts : 2334
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Statbox Problem

Post by Ange Tuteur on Wed Jun 01 2016, 01:00

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 : 13083
Reputation : 2758
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Statbox Problem

Post by Vanityy on Sat Jun 11 2016, 20:30

Solved, thanks Ange!
avatar
Vanityy
Helper
Helper

Male Posts : 2334
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Statbox Problem

Post by SLGray on Sat Jun 11 2016, 20:32

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 : 38231
Reputation : 2576
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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