FM Design
Would you like to react to this message? Create an account in a few clicks or log in to continue.

IMPORTANT

FM Design is in read-only mode, please click here for more information.

Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49

» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21

» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28

» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15

» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11

» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24

» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58

» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50

» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12

» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

Recent Tutorials
Top posting users this month

Who is online?
In total there are 20 users online :: 0 Registered, 0 Hidden and 20 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 515 on Tue 14 Sep 2021, 15:24

Questions

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

Forumedic
Forumedic

Gender : Unspecified
Posts : 130
Points : 3056
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
http://www.forumpromocean.com

PostForumedic Fri 22 Jul 2016, 12:51

First topic message reminder :

I want to edit the CSS but it's a little confusing. I found this: https://github.com/SethClydesdale/forumactif-edge/blob/master/css/fa_edge.css, would I add it? I tried adding it with the default CSS that was already set and it said it was too long.

Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Mon 25 Jul 2016, 15:29

Yes, you'll need to add height + line-height to this rule :
Code:
.field_posts {
  background:red;
  position:absolute;
  bottom:-25px;
  left:0;
  right:0;
}

Giving you this result :
Code:
.field_posts {
  height:25px;
  line-height:25px;
  background:red;
  position:absolute;
  bottom:-25px;
  left:0;
  right:0;
}

Just a note, if you want to vertically center ONE LINE of text, combine height and line-height. The line-height should be equal to your height to vertically center the text.
Forumedic
Forumedic

Gender : Unspecified
Posts : 130
Points : 3056
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
http://www.forumpromocean.com

PostForumedic Mon 25 Jul 2016, 15:36

Solved, thanks!

Now, I'd like to add a friend after the number.

Example 5 coins, coins being the content. Would I use content after? If so, can you please paste an example?
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Mon 25 Jul 2016, 16:13

If it's text you can do :
Code:
.field_posts:after {
  content:"TEXT";
}

If it's an image you can do :
Code:
.field_posts:after {
  content:url(IMAGE);
}
Haggis
Haggis

Gender : Female
Posts : 28
Points : 2847
Reputation : 1
Location : Scotland
Language : English, Russian, Scots
Browser : Browser : Safari Forum Version : Forum Version : phpBB3

PostHaggis Thu 28 Jul 2016, 19:30

Hello and thank you for this great theme. I would like to ask if it's possible to change my forum width.
Thanks in advance.
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Thu 28 Jul 2016, 19:37

Hello @Haggis and welcome to the forum Doff

Add this rule to your stylesheet :
Admin Panel > Display > Colors
Code:
#page-body {
  width:80%;
  margin:0 auto;
}
It will allow you to adjust the width of the forum content. Modify 80% to change the width. Wink
Haggis
Haggis

Gender : Female
Posts : 28
Points : 2847
Reputation : 1
Location : Scotland
Language : English, Russian, Scots
Browser : Browser : Safari Forum Version : Forum Version : phpBB3

PostHaggis Thu 28 Jul 2016, 19:40

@Ange Tuteur thanks so much!
I have just installed the theme, going to explore it now. I'll post my translation later Questions - Page 2 1f609


Last edited by Haggis on Thu 28 Jul 2016, 19:43; edited 1 time in total
Valoish
Valoish
Graphic Designer
Gender : Female
Age : 27
Posts : 3671
Points : 7119
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB2
http://www.canvasforums.com https://twitter.com/Valoishx3

PostValoish Thu 28 Jul 2016, 19:42

@Haggis to tag a user with spaces in their name use quotation marks c: Like this
Code:
@"Ange Tuteur"
@Ange Tuteur
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Thu 28 Jul 2016, 20:00

Haggis wrote:@Ange Tuteur thanks so much!
I have just installed the theme, going to explore it now. I'll post my translation later Questions - Page 2 1f609
Super ! Very Happy If you have any questions feel free to let us know. Wink

Have a good day Rose
Forumedic
Forumedic

Gender : Unspecified
Posts : 130
Points : 3056
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
http://www.forumpromocean.com

PostForumedic Fri 29 Jul 2016, 14:22

Questions - Page 2 Untitl28

I'm trying to make my forum more unique to FAE and I am having troube with the profile design. I want to box like things to work (first two are working but needs a little work to make profile box bigger and when I add the likes one everything gets weird.

I disabled last part as that was the weird part and I started losing hope Sad


Last edited by Forumedic on Fri 29 Jul 2016, 15:13; edited 1 time in total
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Fri 29 Jul 2016, 14:46

Remove
Code:
  position:absolute;
  left:20%;
  right:0;

From the .field_posts rule. "Absolutely" positioned elements take up no space in the DOM ( HTML Document, your webpage ), so your profile fields will display one on top of the other unless you position them all in different positions.
Forumedic
Forumedic

Gender : Unspecified
Posts : 130
Points : 3056
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
http://www.forumpromocean.com

PostForumedic Fri 29 Jul 2016, 14:49

The left part is to center it, should I still get rid of it?
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Fri 29 Jul 2016, 14:51

Yes, if you remove position:absolute; the left, right, top, or bottom properties will be useless. The fields should automatically center themselves when you remove this position value.
Forumedic
Forumedic

Gender : Unspecified
Posts : 130
Points : 3056
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
http://www.forumpromocean.com

PostForumedic Fri 29 Jul 2016, 14:57

They aren't centered lol.
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Fri 29 Jul 2016, 15:07

Gotta center them with margin then Wink
Code:
.profile-field {
  margin:4px auto !important;
}

Remember : If a block-level element isn't centered, center it by setting both the left and right margins to auto.
Forumedic
Forumedic

Gender : Unspecified
Posts : 130
Points : 3056
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
http://www.forumpromocean.com

PostForumedic Fri 29 Jul 2016, 15:10

Wow!

THANKS! Very Happy I'm so happy and my forum looks way way way unique!

Do you know if there is a way to shorten the distance between the FontAwesome and the value? Thanks again! Super super super thanks!
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Fri 29 Jul 2016, 15:18

No problem. Wink

If you want the icon right next to the value, you can set the width of the label and value to auto.
Code:
.profile-field .label, .profile-field .value {
  width:auto;
}
Forumedic
Forumedic

Gender : Unspecified
Posts : 130
Points : 3056
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
http://www.forumpromocean.com

PostForumedic Fri 29 Jul 2016, 15:20

I'd prefer not to have it right next to the value but closer than it currently is.
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Fri 29 Jul 2016, 15:26

Then the other solution is that you can try reducing the width of the value :
Code:
.profile-field .value {
  width:30%;
}

If that doesn't work you can do this instead :
Code:
.profile-field .value {
  width:50%;
  text-align:left;
}

.profile-field:before {
  width:50%;
  text-align:right;
  display:inline-block;
}
This method evenly distributes the width between the value and icon, and sets the text align so that they're close to each other.
Forumedic
Forumedic

Gender : Unspecified
Posts : 130
Points : 3056
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
http://www.forumpromocean.com

PostForumedic Fri 29 Jul 2016, 15:29

Thanks I'll try this a bit later! Smile
Forumedic
Forumedic

Gender : Unspecified
Posts : 130
Points : 3056
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
http://www.forumpromocean.com

PostForumedic Fri 29 Jul 2016, 16:20

On the support forum on the bottom of the index page they have that black stripe which contains total posts, topics and newest user I believe, is it possible to do that on FAE with this part:
In total there are 8 users online :: 4 Registered, 0 Hidden and 4 Guests :: 1 Bot

It would have 4 white boxes within the black stripe.

8 Total Online | 4 Registered | 0 Hidden | 4 Guests

The number value and the word would be in the white box, little different than support.
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Fri 29 Jul 2016, 17:24

Yes it's possible. Actually you should be able to follow the same instructions for FAE, because it's built off the phpbb3 templates.
Forumedic
Forumedic

Gender : Unspecified
Posts : 130
Points : 3056
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
http://www.forumpromocean.com

PostForumedic Mon 01 Aug 2016, 15:38

I'm unsure how to do it.
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Mon 01 Aug 2016, 15:45

Forumedic
Forumedic

Gender : Unspecified
Posts : 130
Points : 3056
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
http://www.forumpromocean.com

PostForumedic Mon 01 Aug 2016, 15:56

Thanks but I more meant the selectors that affect the numbers and whatnot.
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Mon 01 Aug 2016, 16:07

Ooooh I thought you meant the whole design. If you mean the values on the who is online, try using this rule :
Code:
.wio_value > strong {
  background:rgba(0, 0, 0, 0.05);
  border:1px solid rgba(0, 0, 0, 0.1);
  border-radius:3px;
  padding:3px 6px;
}
Sponsored content

PostSponsored content

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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