Okay
  Public Ticket #1680020
Portfolio Category Columns
Closed

Comments

  •  3
    Montana started the conversation

    Hello!

    I would love to have the portfolio categories continue to expand to the right, versus starting a column down after it hits 3. 

    Is there a solution for this that I could implement in CSS / Javascript?

    Appreciate your help in advance.

    {"wp":{"use":false,"adminUrl":"https://almasdelsol.com/wp-admin","username":"","password":""},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}

  •  1,559
    Laborator replied

    Hi there,

    Add the following CSS to Custom CSS to center the subcategories and make them show only on one line, except when there are a lot of categories:

    .product-filter {
        text-align: center;
    }
    /* Portolio: Center Categories */
    .portfolio-title-holder .pt-column {
        margin: auto;
        width: 100%;
    }
    .product-filter .portfolio-subcategory {
      width: 100%;    
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  3
    Montana replied

    Hello Art,

    So that worked to stretch out the sub-categories to the right, thank you!

    But when you click on a Category > the SubCategory pops over to the right. 

    Is there anyway to keep the entire thing centered throughout the process?

    Almost there, thank you for the great support!

    Montana

  •  1,559
    Laborator replied

    Hi Montana,

    When I apply the CSS in your site using a live CSS plugin it centers the sub-categories also. I will have to see how you have added the CSS to Custom CSS, can you please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.

    To include your credentials click Insert Credentials button in editor toolbar. (See how)

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   Montana replied privately
  •  1,559
    Laborator replied

    Hi there,

    The problem was in your CSS, you have typed invalid code there and what was below it was never applied, see image:


    (view large version)


    P.S. Also I don't know where you got the selector with that display flex, I have not provided you with that code. 

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  3
    Montana replied

    You fixed it, thank you!!!!

  •  1,559
    Laborator replied

    You're welcome

    P.S: If you like our theme, it would help us a lot if you could give us five star rating on themeforest from your Downloads tab, (if you don't know how, just open this link).

    A huge thank you from Laborator in advance, wishing you a great weekend!

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • Renaissanced replied

    Hi, 

    I would like to have the portfolio sub-categories expanding to the right (same problem as montanamclean11 had), but the custom CSS does not solve the problem.
    Any ideas how I could fix this?

    Kind regards, 
    Maria

  •  1,559
    Laborator replied

    Hi Maria, 

    Please create a new ticket instead of replying to an old ticket.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group