HC multiple categories - center on home page
RespondidaHi,
Can someone help me understand how to arrange Help Center categories so they display in a 2x2 grid, horizontally centered on the page?
Thank you!
Mary Beth
-
@Marybeth - I'll take a look as soon as I can. Can you tell me what theme you are using.
-
Humble Squid. Thanks, Wes.
-
@MaryBeth - are you referring to the categories that are listed on the Home Page. So instead of being three across you would like two across.
-
Yes. I'm adding a 4th category and would like to display two rows of two. I think I need to modify the category-list style, which floats left, to inline-block and then change the margins to auto, but it hasn't worked for me. I'm missing something.
-
Hi Wes. I wonder if you've found anything on this? ~~thanks~~
-
Hi Marybeth - Sorry as this must have got lost with all the other post that I was working on. Let me see if there is an easy way to accomplish this without alot of HTML and CSS.
-
@Marybeth - There is not an easy way to do this as you have to change alot of CSS and add in a good bit of HTML. Can you just hard code the categories as this may be the easiest method.
-
Darn, I have the same request. We are rearranging to have 4 public-facing categories and 1 internal-only category. If I hard-code a 2x2 table, then the link to the internal-only category shows up for end-users. In Swiftest Elk (our current theme), it was really easy to change the columns (from 2 to 3), I was hoping it would be similar for Humble Squid.
-
I figured it out, and the answer is simple: change the width of the category boxes to force that third one to move down to the second line (I just added 100 px to the width):
.category-list li {
width: 396px;
height: 203px; -
Oh, awesome. Thanks for sharing the solution, Larisa. Glad you figured it out.
-
The genius is in the simplicity Larisa. Thanks for the great idea!
Publicação fechada para comentários.
11 Comentários