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 Genesis 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.



Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
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.


SLGray
Administrator
Administrator

Male Posts : 35631
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Statbox Problem

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


Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
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.


SLGray
Administrator
Administrator

Male Posts : 35631
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Statbox Problem

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

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

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
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;
}

10spetter10
Forumember

Posts : 195
Reputation : 81
Language : Dutch

Back to top Go down

Solved Re: Statbox Problem

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

Didn't work.

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
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?






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Statbox Problem

Post by Genesis on May 29th 2016, 11:11 pm

You are correct. Mobile is now wrong and PC is correct.

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
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?






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Statbox Problem

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

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

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
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;
}






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Statbox Problem

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

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

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
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.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Statbox Problem

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

Im confused on what to edit now


Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
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;
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Statbox Problem

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

Solved, thanks Ange!

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
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.


SLGray
Administrator
Administrator

Male Posts : 35631
Reputation : 2372
Language : English
Location : United States

http://fmthemes.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