Home Support Themes ListingHive Edit Listing Category Block

Edit Listing Category Block

  • Author
    Posts
  • mayliv

    Hi.

    Need to edit (resize) hp-listing-categories hp-grid hp-block. Unfortunately, I’m a newbie in HivePress, can’t find the appropriate code editing page.

    ihor developer

    Please let me know what you mean about resizing it, changing the number of columns?

    mayliv

    Thank you for your reply, Ihor. I mean, I need to resize here skidqi.com the category item block (need to be small images, like you see here olx.kz), and not to be 4 in a row, need to be 6-8 in a row. If it possible, another task, put circle images in a square image. Hope you understood me.

    ihor developer

    Sorry, but setting a similar category layout as on OLX would require customizations. We plan to release a premium theme for classifieds with styling and layouts similar to OLX, but in ListingHive categories are displayed as a grid of images in portrait format.

    You can try changing the image format using the code snippet from this topic https://hivepress.io/support/topic/thumbnail-sizes/#post-11673 and then customizing the category styles via CSS.

    mayliv

    Ihor, I guess, your misunderstood.

    I mean, I need more than 4 columns in one row. There are maximum 4 columns in default settings, when I try to edit category block on main page settings. For example, I need 8 columns. Can’t find how to fix it.
    <!-- wp:hivepress/listing-categories {"columns":"4","number":"3","parent":"1051"} /-->

    ihor developer

    You can try this CSS snippet:

    .hp-listing-categories .hp-grid__item {
        flex-basis: 15%!important;
        max-width: 15%!important;
    }

    But the existing category layout will not fit into 1/8 width, this will require further customizations https://prnt.sc/11rxn4v

    mayliv

    i’ve changed the number of columns, but still can’t find the file or snippet, where I can change the categories font size.

    ihor developer

    If you mean the category title size this snippet may work:

    .hp-listing-category--view-block .hp-listing-category__name {font-size: 123px}

    Please consider hiring someone for customizations https://www.fiverr.com/categories/programming-tech/wordpress-services/customization

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.