Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #896951

    I would like my single product images to appear much larger on their single product page. I’d also like the text to be much smaller and have control over font and size.

    I’ve adjusted the single product dimension to 999 x 999PX on the woocommerce/product/display- settings and regenerated thumbnails, but nothing changes.

    I’d actually like the product to take up about 3/4 of the page and squeeze the text in the remaining 1/4.

    Any Suggestions?


    Hey stovetopchicago,
    For the image, Try this code in the General Styling > Quick CSS field:

    #top.product-template-default.single.single-product .single-product-main-image {
        width: 70%!important; 

    Which text would you like smaller, it seems small on my screen?

    Best regards,


    Just what I wanted, thank you!

    As far as the text area is concerned, I wanted to make the heading smaller and simpler and the price and “add to Cart” button a different color.

    But maybe those are actually theme settings which I control from the Enfold Theme options menu?

    I’d also like to have the product gallery images below the text instead of below the image.

    And If I start to play with the advanced editor on a product page, will I be able to do things like add link buttons and some text boxes below and create myself a template product page? Or do changes like that have to happen with CSS?

    Thank You,


    For the font-size and button color try:

    #top.product-template-default.single.single-product h1.product_title.entry-title {font-size: 17px !important;}
    #top.product-template-default.single.single-product div .main_color .button {background-color: red !important; }

    adjust to suit.
    The thumbnails are a part of the product element, and not easy to separate.
    If you use the advanced layout builder it will be very different, not all of the elements with work with woocommerce. But you can try to see if you like it.

    Best regards,


    Hi Mike,
    Thank you again! That CSS did the job.
    Best Regards,


    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Make Product Images Larger on Single Product Page’ is closed to new replies.