HC multiple categories - center on home page

Respondida

11 Comentarios

  • Wes Drury
    Acciones de comentarios Permalink

    @Marybeth - I'll take a look as soon as I can.  Can you tell me what theme you are using.

    0
  • Marybeth Sklar
    Acciones de comentarios Permalink

    Humble Squid. Thanks, Wes.

    0
  • Wes Drury
    Acciones de comentarios Permalink

    @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.

    0
  • Marybeth Sklar
    Acciones de comentarios Permalink

    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.

    0
  • Marybeth Sklar
    Acciones de comentarios Permalink

    Hi Wes. I wonder if you've found anything on this?  ~~thanks~~

    0
  • Wes Drury
    Acciones de comentarios Permalink

    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.

    0
  • Wes Drury
    Acciones de comentarios Permalink

    @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.

    0
  • Larisa Moore
    Acciones de comentarios Permalink

    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.

    0
  • Larisa Moore
    Acciones de comentarios Permalink

    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;

    1
  • Jennifer Rowe
    Acciones de comentarios Permalink

    Oh, awesome. Thanks for sharing the solution, Larisa. Glad you figured it out.

    0
  • Benjamin Miller
    Acciones de comentarios Permalink

    The genius is in the simplicity Larisa. Thanks for the great idea!

    0

La publicación no admite más comentarios.

Tecnología de Zendesk