Responsive Theme with WooCommerce Plugin

  • Blue Willows

    (@blue-willows)


    12 years, 9 months ago

    I really like Responsive Theme because of the way it reshapes to suit any device. The theme is flagged as WooCommerce ready, so I decided to have a go at it, in an attempt to win a new client.

    In the WooCommerce settings I disabled WooCommerce css so it uses my Child Theme css. The problem is that the font size of the prices is way too small – it looks like it is using the paragraph or body style, which is 14pt.

    Does anyone know where to find the appropriate coding in the WooCommerce files to tell it to use h3 or h2 for the prices?

    Site is at http://testingsite.tppsydney.com.au/shop

Viewing 3 replies - 1 through 3 (of 3 total)
  • WPyogi

    (@wpyogi)

    12 years, 9 months ago

    The price isn’t using h3 tags – and you can’t easily change that – but you can change the font size for the current code – using a browser tool like Firebug shows the HTML as this:

    <span class="price">
<span class="amount">$350</span>

    So then you can use one of those classes to assign a font size:

    .price {
   font-size: 20px;
}

    I’m guessing you probably also want to get rid of those list bullets – try adding this:

    .products ul, ul.products {
    list-style-type: none;
}

    Thread Starter Blue Willows

    (@blue-willows)

    12 years, 9 months ago

    Wow! That was fast. Thank you WPyogi.

    I’m still finding my way around with coding, but I took a punt and pasted both those codes straight into my child theme and they worked a treat.

    Fabulous. Thank you very much.

    Thread Starter Blue Willows

    (@blue-willows)

    12 years, 9 months ago

    Just in case you have a look yourself, I should add that my testing site is now showing something completely different than it was yesterday.

    Also, thanks for the great tip about Firebug.

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

The topic ‘Responsive Theme with WooCommerce Plugin’ is closed to new replies.