-
Posts
-
I am creating a sponsorship page and believe that vertical columns look better then horizontal columns
two 1/2 page width columns is not preferred. I would prefer two 1/3rd with columns.
Yet, i must have equal spacing on the left and on the right. If i do two 1/3rd width columns, then i can only have one 1/5th spacing on the right or left, and things are off.
If i do two 1/4th size columns i have equal spacing- -1/5th white space on each size– but then the sponsorship levels vertical box is too small.
Is there a solution?
Hey elliotstiller!
Go ahead and take a screenshot and highlight what your trying to do so we can get a better idea.
Regards,
ElliottThe screenshot function is not working, so i will attempt to paint a picture clearly with words.
With ENFOLD, one is able to use content blocks of varying size.
1/5th, 1/4th, 1/3rd, 1/2th and 1/1.I want to have two text blocks of 1/3rd size appear on the page.
I want these two text blocks of 1/3rd size to be evenly centered on the page!For that to happen, one would assume they should place a 1/5th text block on the far left, and on the far right.
Thus, the two 1/3rd blocks would be nicely sandwhiched between the text blocks; the white space would be even on both sides; and everything would be merry.But…
1/5th + 1/5th + 1/3rd + 1/3rd exceeds 100%.
So…
A. The only way i can maintain using two 1/3rd blocks, is to place a single 1/5th content block on the far left.
How does this look visually? The two 1/3rd blocks appear about centered, but there is more white space on the left hand side of the page, and the writing is closer to the right border of the page.This is not centered.
This is off by 6%. Small, but noticeable, and lets get things right once and for all.
Here is the percent distribution:
[1/5th white space] [1/3rd content] [1/3rd content] [20% “void”]20% + 33% + 33% + [14% Void]
Void= i didnt place a content block or anything its just default extra space.
B. But, you say, things can be aligned. Oh reallly? Heres how–
1/4th block of white space, 1/4th block of content, 1/4th block of content, 1/4th block of white.
See– all nice and even. Yes, but i want to use 1/3rd blocks for the content, so that it wraps more nicely.
But then, refer to item A.Hi!
Please use 1/4 columns then wrap the columns in a color section element. Add a unique id in the section field, use “custom-section” for example. We’ll adjust the size of the columns via the Quick CSS field. The css should look like this:
#custom-section .flex_column.av_one_fourth:nth-child(1) { width: 16%; } #custom-section .flex_column.av_one_fourth:nth-child(2) { width: 32% } #custom-section .flex_column.av_one_fourth:nth-child(3) { width: 32% } #custom-section .flex_column.av_one_fourth:nth-child(4) { width: 16%; }Regards,
IsmaelI decided to go against that design that i detailed above, but i willl keep your solution as a design tip for the future if i ever seek to make that design.
Its a nice design, and could be useful, but wasnt in my case.
I am in another situation where i cannot have things be centered nicely.
Can you help?I am trying to lay out Team Profiles. I want to have three team profiles per row.
There are two ways that i try, that fail.
Visual comprehension is faster then written.
Please look here for two examples of failure– http://www.globalbusinessincubation.com/wordpress/about
—————————-Here is the case–
A. Three 1/3rd profiles
Causes for failure:
1. the block on the left is too close to the left [we need adequate white space padding so the block is more centered.
This is preferential for eye tracking.]
What is the kind of adequate white spacing i refer to? Scroll your eyes to the far right, to the right 1/3rd block.
You will a nice amount of padding white space.
But even there lies problem number 2) The far right and far left 1/3rd blocks are not uniform.B. A 1/5th block with nothing in it, then three 1/4th blocks
Cause for failure:Simple. There is more white space adjacent to the left block then the right, creating zero symmetry.
————————What is the Preferential Solution?
A fix to Item B.What is hard to describe in words can be immediately understood by looking.
Please look here– http://www.globalbusinessincubation.com/wordpress/aboutHey!
not sure what you mean and I think you can simply define some padding when editing layout element. Click on “Layout” tab and define some inner padding.
Cheers!
AndyBasically, when I lay-out the websites “Our Team” page, the biographies are not evenly spaced.
There is more white space on the far left of the page, before the content begins.
And there is less white space on the far right side of the page, before the content ends.This is because of specific blocks that I picked. The 1/3rd blocks have content; the 1/5th block is white space,
so that people can see the content more centered.[1/5] [1/3] [1/3] [1/3rd] [14% nothing]
The 1/5th block creates a white space of 20% page length on the left hand side of the website.
The 1/3rd blocks have content.
The 14% nothing is created because there is simply white space existent on the website regardless of what i do.There is 20% on the right side, and 14% white space on the left side. This is not even. This makes the content in the 1/3rd blocks not centered. This is not visually appealing. I see no way around this. How do I fix this?
If you just use this Link, you will see exactly what I am talking about. You will see two examples on the “Our Team” page that illustrate in two different ways how content cannot be centered!
http://www.globalbusinessincubation.com/wordpress/about/
-Elliot
Hey!
so basically you want your pictures under “GBI Team” to be centered? Can you provide us admin access please? so we can have a deeper look into it. Post login details here as private reply.
Cheers!
Andy
- You must be logged in to reply to this topic.