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

Design and development for Forumotion forums.

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
See more
Top posting users this month

Top Achievers
Ange Tuteur
[SOLVED] Width of Categories Poll_c10[SOLVED] Width of Categories Poll_m10[SOLVED] Width of Categories Poll_c10 
SLGray
[SOLVED] Width of Categories Poll_c10[SOLVED] Width of Categories Poll_m10[SOLVED] Width of Categories Poll_c10 
Valoish
[SOLVED] Width of Categories Poll_c10[SOLVED] Width of Categories Poll_m10[SOLVED] Width of Categories Poll_c10 
Luffy
[SOLVED] Width of Categories Poll_c10[SOLVED] Width of Categories Poll_m10[SOLVED] Width of Categories Poll_c10 
Wilson
[SOLVED] Width of Categories Poll_c10[SOLVED] Width of Categories Poll_m10[SOLVED] Width of Categories Poll_c10 
Van-Helsing
[SOLVED] Width of Categories Poll_c10[SOLVED] Width of Categories Poll_m10[SOLVED] Width of Categories Poll_c10 
Niko!
[SOLVED] Width of Categories Poll_c10[SOLVED] Width of Categories Poll_m10[SOLVED] Width of Categories Poll_c10 
Ace 1
[SOLVED] Width of Categories Poll_c10[SOLVED] Width of Categories Poll_m10[SOLVED] Width of Categories Poll_c10 
JerriLeah7
[SOLVED] Width of Categories Poll_c10[SOLVED] Width of Categories Poll_m10[SOLVED] Width of Categories Poll_c10 
Rhino.Freak
[SOLVED] Width of Categories Poll_c10[SOLVED] Width of Categories Poll_m10[SOLVED] Width of Categories Poll_c10 
Who is online?
In total there are 30 users online :: 0 Registered, 0 Hidden and 30 Guests :: 1 Bot

None

[ View the whole list ]


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

editor  Update  translations  Dutch  message  wio_group_legend  js  chatBox  text_editor_textarea  plugin  French  fa_night_container  fa_theme_selector  FireFox  46-0-1  left  fa_personal_emoticons_list  search  phpBB3  tool  Mozilla  German  line-break  beta-testers  Version  options  


[SOLVED] Width of Categories

 :: Coding, Resources, and Plugins :: Coding & General Questions :: Questions Archive

View previous topic View next topic Go down

[SOLVED] Width of Categories Empty [SOLVED] Width of Categories

#12609
Ace 1
Ace 1
Valued Member
Gender : Unspecified
Age : 25
Posts : 2153
Points : 5530
Reputation : 95
Location : USA
Language : English ?
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
https://fmdesign.forumotion.com/u190

PostAce 1 Wed 22 Jun 2016, 15:39

Here on FMDesign the two categories on the index are each 50% of the full width; is there a way to have 3 categories but make one category span 100% and the other two span 50% each

[SOLVED] Width of Categories Empty Re: [SOLVED] Width of Categories

#12627
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12255
Reputation : 2376
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 23 Jun 2016, 08:56

Yeah, it's possible. You can have a rule which sets all categories to be a specific width :
Code:
.forabg {
  width:50%;
  display:inline-block;
}

Then you can have a rule after this one which modifies a specific category :
Code:
.forabg:nth-child(0) {
  width:auto;
  display:block;
}
You can use nth-child or if your categories have a specific id you can use that to your advantage.

[SOLVED] Width of Categories Empty Re: [SOLVED] Width of Categories

#12633
Ace 1
Ace 1
Valued Member
Gender : Unspecified
Age : 25
Posts : 2153
Points : 5530
Reputation : 95
Location : USA
Language : English ?
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
https://fmdesign.forumotion.com/u190

PostAce 1 Thu 23 Jun 2016, 15:44

Thanks so much Party

[SOLVED] Width of Categories Empty Re: [SOLVED] Width of Categories

#12831
Ace 1
Ace 1
Valued Member
Gender : Unspecified
Age : 25
Posts : 2153
Points : 5530
Reputation : 95
Location : USA
Language : English ?
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
https://fmdesign.forumotion.com/u190

PostAce 1 Fri 01 Jul 2016, 06:26

@Ange Tuteur you never told me that other pages with the
Code:
.forabg
class would be affected. I think it's better to use the
Code:
:nth-child
selector for the two forums I want to be 50% width Smile

[SOLVED] Width of Categories Empty Re: [SOLVED] Width of Categories

#12840
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12255
Reputation : 2376
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 01 Jul 2016, 10:21

Oh right, mostly sub-forums will be affected by it, but you can override that with this rule :
Code:
#wrap h1.page-title ~ .forabg {
  display:block;
  width:auto;
}

[SOLVED] Width of Categories Empty Re: [SOLVED] Width of Categories

#12959
Ace 1
Ace 1
Valued Member
Gender : Unspecified
Age : 25
Posts : 2153
Points : 5530
Reputation : 95
Location : USA
Language : English ?
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
https://fmdesign.forumotion.com/u190

PostAce 1 Sun 03 Jul 2016, 17:52

I forgot what that squiggle line represents..

It means the preceding selector right?

[SOLVED] Width of Categories Empty Re: [SOLVED] Width of Categories

#12960
Anonymous
Guest
Guest

PostGuest Sun 03 Jul 2016, 18:06

Nemesis wrote:I forgot what that squiggle line represents..

It means the preceding selector right?

http://www.w3schools.com/cssref/css_selectors.asp

[SOLVED] Width of Categories Empty Re: [SOLVED] Width of Categories

#12972
Ace 1
Ace 1
Valued Member
Gender : Unspecified
Age : 25
Posts : 2153
Points : 5530
Reputation : 95
Location : USA
Language : English ?
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
https://fmdesign.forumotion.com/u190

PostAce 1 Mon 04 Jul 2016, 05:01

Thank you @Samantha those look really useful [SOLVED] Width of Categories 1f60a

[SOLVED] Width of Categories Empty Re: [SOLVED] Width of Categories

#0
Sponsored content

PostSponsored content

View previous topic View next topic Back to top

Similar topics
» [SOLVED] Two Categories?
» [SOLVED] Forums Width
» [SOLVED] Image when hover on categories
» [SOLVED] Categories and forums errors
» Nothing but the forum categories?

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

FM Design :: Coding, Resources, and Plugins :: Coding & General Questions :: Questions Archive

 
Permissions in this forum:
You cannot reply to topics in this forum
Free forum | ©phpBB | Free forum support | Report an abuse | Cookies | Forumotion.com
Terms of service | Founder tools | Tutorials | Affiliates