Woocommerce in iFeature

  • clubedesign

    (@clubedesign)


    11 years, 6 months ago

    Hi

    can anyone help me. I’m new to wordpress and have been muscling through to create a test site. I know I’ve started in a bit of a messed up way, but I’m trying to finish a presentation (which in time will probably need recreating in a better way).

    But in the meantime can anyone help me to understand how I can make the description of a product appear at the top next to the image of a product in this Woocommmerce page, rather than sitting underneath and to the right of the image.

    http://1da.396.myftpupload.com/product/avr-1/

    this is what it looks like at the moment. I’ve been using custom css to tweek the style but hitting a few blocks.

    Any assistance greatly appreciated.

    Thanks
    Jc

Viewing 4 replies - 1 through 4 (of 4 total)
  • Luke Stacey

    (@daftduke)

    11 years, 6 months ago

    Hi there!

    Try reducing the width of either the image or the summary.

    By reducing the image to 46% it seems to fit nicely:

    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  float: left;
  width: 46%;
}

    I hope that helps!

    Luke the Daft Duke

    Thread Starter clubedesign

    (@clubedesign)

    11 years, 6 months ago

    DD

    you are a star man!

    Thanks
    I’m a bit of a novice at this but have been able to tweek the main theme CSS, but in the woocommerce section I can’t find where the hell to style certain things, like the text colour, line spacing etc!

    For example, changing colour of text, links and line spacing and adding a horizontal rule on this page:

    http://1da.396.myftpupload.com/shop/

    Is it all done by using custom CSS, or do I have to download the woocommerce.css and fiddle about, then re-upload?

    Sorry if this all sounds a bit basic for you, but a pointer or 2 would be greatly appreciated.

    Cheers
    Jc

    Luke Stacey

    (@daftduke)

    11 years, 6 months ago

    Hi,

    It’s all done using custom CSS but, if you are going to make a lot of changes I would recommend using a child theme.

    If you are using firefox, I suggest installing firebug and right click on the element you want to change and choose ‘Inspect Element with Firebug’.

    When you get it how you want it, right click and choose ‘Copy Rule Declaration’ and then paste it into your child theme’s style.css or custom css area.

    Adding a horizontal rule might be a little trickier as that is a HTML element <hr>. It would depend where exactly you want to put it and whether you wanted it on every page etc.

    I hope that helps a bit!

    Luke the Daft Duke

    Thread Starter clubedesign

    (@clubedesign)

    11 years, 6 months ago

    Hi DD

    Many thanks for your response. I understand about the custom css now.

    However what would be the code to change the colour/line spacing of the text on this page?

    http://1da.396.myftpupload.com/shop/

    and to change the text colour to black on this?

    http://1da.396.myftpupload.com/product/telemetry-module-1/

    if you could provide assistance that would be greatly appreciated.

    Thanks
    Jc

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Woocommerce in iFeature’ is closed to new replies.