I set the width on homepage to 1195px. There are only 4 columns of featured members showing up, but there is more than enough space for 5 columns. I am trying to fill the entire space. How do I change numbers of columns in the "featured members" section on homepage? |
You don't. There is no setting. It's automatic. It will become 5 columns when there is enough space to fit it. It's floated left by css.
Each photo block requires 240px of space. So if you do the math. 5 columns * 240 = 1200px. Plus margins on left and right of block 1200+40 = 1240. Plus space between page columns. 1240 + 10 = 1250 And there is some other padding, + borders that i can't seem to locate at the moment.
My tests shows that the block width in page builders must be at least 1272px to fit 5 columns.
https://www.deanbassett.com |
Thank you. Very informative. I will have to stick with 4. |
Is there any way to make it float center instead of left? will that work? I would actually like to float everything center. photos, videos, outline, members, featured members, |
Is there any way to make it float center instead of left? will that work?
That and the "members" block on the index are some the unknow freaks we cannot figure out; or get Boonex to hear us about it.
ManOfTeal.COM a Proud UNA site, six years running strong! |
Is there any way to make it float center instead of left? will that work? I would actually like to float everything center. photos, videos, outline, members, featured members,
The individual "squares" that make up the members are floated left so they line up nice and neat. The browser will automatically calculate how many items per row based on the rendering engine; it does the calculations and such. When a "square" can not fit in the space, it gets sent to the second row. The number of rows will depend on how many members are sent for the block based on the code.
What do you mean by float centre? Do you mean aligned centre? Do you want to centre the column of four within the block? Each block has a design box associated with it. Most of the blocks are sharing the same design box. If you don't mind all of them being the same, you can edit the CSS for the design box. However, it is possible to create new design boxes and associated them with a php block. Then you can write new CSS code for the new design box.
Geeks, making the world a better place |
Yes I would like to align them center. If it is a real hassle, I will just leave it as it is.
Do you mean aligned centre? Do you want to centre the column of four within the block?
|
Yes I would like to align them center. If it is a real hassle, I will just leave it as it is.
Do you mean aligned centre? Do you want to centre the column of four within the block?
sorry, we need an lol here.
ManOfTeal.COM a Proud UNA site, six years running strong! |
Is it a "real hassle", that is hard to define; depends on one's skill level. If I was to do it, I would change the designbox so I don't make changes to other blocks using that designbox. However, to set the members block to use another designbox means editing the database or using a module. Dean's "Block Tools" allows easy settings of designbox to block. Then you need to create the CSS. Creating the designbox and CSS is easy, just copy designbox one and give it a new name, copy the CSS and give it a new name. Edit your new designbox and point the CSS class to the new CSS class and add any divisions you may need. Edit the new CSS class to have the designbox display to your liking. If you don't have "Block Tools" or other modules that will do the same, then edit the database (I suggest backing up the database in case of an oops) so that the members block uses the new deisgnbox you created.
So needed is some basic knowledge of HTML and CSS and being able to edit the database if you don't have a module to do it for you.
Geeks, making the world a better place |
I was looking at this, everything seems to be css3 now and there doesn't seem to be a way to centre anything. You have to do it with position this and that and the whole thing is just frickin impossible to stick in the centre. All I want to do is make the boxes sit in the middle of the outline wrapper, why should this be so hard? |
It's not hard at all if you know css2 or css3.
There are 7 methods of centering things, check http://demosthenes.info/blog/723/Six-Ways-of-Centering-With-CSS |
That's fine for a single image, but trying to centre the outline items seems impossible especially when everything has to be reactive nowdays. All it does when I manage to centre the items is throw them into one single line when the screen becomes smaller. Its just a headache. |