WordPress.org

Forums

WooCommerce - excelling eCommerce
Edit Width of Image and Short description (6 posts)

  1. danieler
    Member
    Posted 1 year ago #

    Hello everybody,

    first of all: Happy New Year!

    I want some information. Is it possible to customize a little bit the single shop page?

    The things I want to customize is the width of the image and short description page, as you can see in the image i attached.

    Product B-1 is how the page is now, the red shape is the image area and the green the text one. All I want is to reduce the image area and icrease the short description area. How do I make this?
    Here is how it is now and how I want it.
    <img src="http://i.imgur.com/FVR6zVP.jpg"/>
    <img src="http://i.imgur.com/uVQ98hN.jpg"/>

    This because I don't want a review or full description tab under the product (i disabed it).

    Then the other question is:

    - is it possible to insert some code or a video below the product, where the review and full description tab was?

    Thanks everybody for help

    http://wordpress.org/plugins/woocommerce/

  2. Andrew
    Forum moderator
    Posted 1 year ago #

    I want some information. Is it possible to customize a little bit the single shop page?

    Yep. Which theme are you using?

  3. danieler
    Member
    Posted 1 year ago #

    Hi,
    thanks for repply, again!

    I'm using Avada Theme

  4. Andrew
    Forum moderator
    Posted 1 year ago #

    Do you have a Child Theme set up?

  5. ManusH
    Member
    Posted 1 year ago #

    If it is only a layout change you want,
    you can easily modify the CSS rules to get what you want.

    In order to look for the css attributes which yopu have to cahnge,
    you can use some browser extensions like Firebug and see your changes live,
    and than add those new values to the css.

    If you are using a child theme, it will be much more easier and will remain the same after theme updates.
    Try looking for the file "custom.css"

    If the site is live, you can get help easier if you post the link to that page. Seeing the page in a browser will get muych more info than just a screenshot image.

    Basically, you will have to change the widths of those 2 "div"s;
    increasing the first one while decreasing the other.

  6. danieler
    Member
    Posted 1 year ago #

    Thanks for answer.

    @Andrew Nevins: I do not have the child theme, I'm working on the parent.
    @ManusH: As said to Andrew I'm working on the parent theme and the page is running locally now. Wich CSS do I need to change?
    What if I want to add more content below?

    Thanks for the plugin, will install it as soon as possible.

    Adding an OT question.
    How do I set up different shipping costs, based on the countries?

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce - excelling eCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic