Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 13, 2018 at 10:19 pm #896951
    stovetopchicago

    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?
    Thanks,
    Stephan
    Link:
    https://paintedjournals.com/product/rockland-ferry-terminal-by-night/

    January 13, 2018 at 11:21 pm #896972
    Mike

    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,
    Mike

    January 13, 2018 at 11:56 pm #896977
    stovetopchicago

    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,
    Stephan

    January 14, 2018 at 4:51 pm #897107
    Mike

    Hi,
    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,
    Mike

    January 14, 2018 at 9:41 pm #897192
    stovetopchicago

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

    January 14, 2018 at 10:09 pm #897209
    Mike

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

    Best regards,
    Mike

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