I want product categories to show 2 column in one row

This topic has 50 replies, 4 voices, and was last updated 1 years, 1 months ago ago by Rose Tyler

  • Avatar: Wade Yang
    Wade Yang
    Participant
    March 6, 2023 at 08:02

    Hello, what I mean is how to set the font size smaller so that as much text as possible can be displayed in two lines
    This is the current display:
    https://postimg.cc/5Qd4Dzgz
    This is the display effect I want
    https://postimg.cc/NKMcJbtV

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 6, 2023 at 11:50

    Dear Wade Yang,

    Thank you for the reply.

    We noticed that you did not provide URLs of the pages from which the screenshots were taken. However, you can try to add the following code in Theme Options > Theme Custom CSS to change the font size of product titles:

    .content-product .product-title {
        font-size: 12px;
    }

    – change 12px to the desired value.

    We hope this information is helpful.

    Kind Regards,
    8theme team

    Avatar: Wade Yang
    Wade Yang
    Participant
    March 6, 2023 at 17:51

    This is the website link:
    https://clubjerseys.online/
    I try to put your code into Theme Custom CSS, but there is no change in font display on mobile:
    https://postimg.cc/RW8BZSXG
    There is another problem, I want to set 12 columns, but this can only set up to 6, how can I set it?
    https://postimg.cc/jw36G1sW

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    March 6, 2023 at 18:31

    Hello,

    #1 You need to replace your custom CSS

    
    .content-product .product-title {
        font-size: 12px;
    }
    

    with the one provided below.

    
    .content-product .product-title {
        font-size: 12px!important;
    }
    

    #2 Unfortunately, this can only be done with additional customization.

    Your question requires additional customization. You can contact our partners, WP-Kraken team, who will perform your task quickly and with high quality. https://wpkraken.io/?ref=8theme

    Best Regards,
    8Theme’s Team

    Avatar: Wade Yang
    Wade Yang
    Participant
    March 7, 2023 at 07:14

    https://postimg.cc/62T35sxs
    https://postimg.cc/PpBtXPMZ
    https://postimg.cc/62GXmBNQ
    This is the Product Categories Settings, but the page cannot be displayed correctly after setting to 6 Columns。
    But after setting 5 Column, it can be displayed correctly,Here is a screenshot:
    https://postimg.cc/LqDDFP2C

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 7, 2023 at 09:43

    Hello, Wade Yang,

    We kindly request that you provide us with the URL of the page where the issue is visible.
    Thank you for your cooperation.

    Kind Regards,
    8theme team

    Avatar: Wade Yang
    Wade Yang
    Participant
    March 7, 2023 at 11:09

    https://nbashopclub.com/
    that is the URL of page

    Avatar: Wade Yang
    Wade Yang
    Participant
    March 7, 2023 at 11:11

    How to make all product pictures displayed at the same height? here is the link:
    https://postimg.cc/ftLTSDxW

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 7, 2023 at 13:15

    Hello, Wade Yang,

    1/ Thank you for the URL. We would also appreciate temporary WordPress admin and FTP access.

    2/ We suggest disabling the Products Masonry in Theme Options > WooCommerce > Shop > Shop page Layout. Additionally, you may try the code provided in this topic: https://www.8theme.com/topic/problem-with-products-layout-in-shop-page/#post-316130
    We hope this helps.

    Kind Regards,
    8theme team

    Avatar: Wade Yang
    Wade Yang
    Participant
    March 7, 2023 at 15:07

    Thanks for the reply, it’s ok now.
    But according to the picture, I want to set the size of the picture of the Patch option, but the size of the option remains unchanged. How to do it?
    https://postimg.cc/v4Npdfm8
    https://postimg.cc/k6vC9GZj

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 7, 2023 at 15:18

    Hello, Wade Yang,

    To change the size of variation swatches image, custom CSS code can be used:

    .single-product ul.st-swatch-size-large li.type-image {
        width: 50px;
        height: 50px;
    }

    If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

    Kind Regards,
    8theme team

    Avatar: Wade Yang
    Wade Yang
    Participant
    March 8, 2023 at 07:36

    i have put the information in private content area ,Please check.
    the mistake is still there after i disable Product Masonry :
    https://postimg.cc/94ppSC4h

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 8, 2023 at 08:33

    Dear, Wade Yang,

    Private Content

    Kind Regards,
    8theme team

    Please contact administrator
    for this information.
    Avatar: Wade Yang
    Wade Yang
    Participant
    March 8, 2023 at 08:38

    I am not asking about the alignment of the product list, but that the Product Categories setting on the home page cannot be displayed normally:
    https://postimg.cc/Sj7N1GpC

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 8, 2023 at 10:12

    Dear, Wade Yang,

    Thank you for your response and we apologize for any confusion.

    With the access you have provided, we are unable to access the Dashboard and page editor. We kindly request that you set the user to an administrator role.

    Waiting for your reply.

    Kind Regards,
    8theme team

    Avatar: Wade Yang
    Wade Yang
    Participant
    March 8, 2023 at 11:43

    Please try again

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 8, 2023 at 14:13

    Dear Wade Yang,

    We will have another specialist review your inquiry in greater detail and will be in touch with you shortly. We kindly ask for your patience and request that you do not alter any access settings.

    Kind Regards,
    8theme team

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 8, 2023 at 16:01

    Dear Wade Yang,

    We added custom CSS -> https://prnt.sc/cATwzFAL672e and extra class – https://gyazo.com/835f7cd60d0dee38a05f106b66b30932

    Kind Regards,
    8theme team

    Avatar: Wade Yang
    Wade Yang
    Participant
    March 8, 2023 at 18:38

    When I set grid-column-end: 10, it can be displayed normally
    https://postimg.cc/nX2Z1D3H
    https://postimg.cc/rdpTZwH5
    But when I set grid-column-end: 17, the display becomes abnormal. Is there a way to solve this?
    https://postimg.cc/zbtFw0gn
    https://postimg.cc/jw5zjPFC

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 9, 2023 at 09:15

    Dear Wade Yang,

    Thank you for contacting us and for using XStore.

    Do you intend to obtain 17 items per row for testing purposes or for actual use?
    Try to activate the stretch row option – https://prnt.sc/EQ8DvC8C_5V_

    Kind Regards,
    8theme team

  • 1 2 3
    Viewing 40 results - 21 through 40 (of 50 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.