• Hello everyone, I am new to these forums. I have been working on http://www.peppercornsoap.com and I am trying to figure out why on my category pages (which show a range of products) the titles are so small and there is no space between the description and “Showing 20 Items” etc. Wondering if anyone could give me a hand with this?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi there!

    I’d love to try and help you out but it appears you might have ‘Coming Soon Mode’ activated – so I can’t actually see your category pages.

    It sounds like your problem could be fixed with a quick snippet of CSS – but would need to see that page to give you to correct code to use.

    Btw, the slide out login form and 3D effect is super cool! 🙂

    Hope I can help you out!

    Luke the Daft Duke

    Thread Starter AliciaGuarino

    (@aliciaguarino)

    I have taken it off maintenance. Sorry about that. I would love it if you could help me. I’m not necessarily knowledgeable in HTML/CSS but I consider myself a tweaker. 🙂

    Hi Alicia,

    Wow – I thought it was going to be a pretty site and I wasn’t wrong. The colors and the typography look awesome. You’ve done a great job ‘tweaking’ 🙂

    I think I’ve found the solution to your problem. Take a look at this Screenshot to see if I got it right.

    If I have, then try this:

    .archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
       font-size: 2rem;
    }
    
    .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
      margin: 2em 0 1em;
    }
    
    .term-description {
      line-height: 20px;
    }

    You can paste this code in your child theme’s style.css or in a custom css plugin such as Simple Custom CSS.

    I hope that helps!

    Luke the Daft Duke

    Thread Starter AliciaGuarino

    (@aliciaguarino)

    Yes! That is definitely right! However, would you be able to tell me why there is such a large white space above the title?

    Thank you so much for the help and the wonderful comments! I’ve followed you on twitter. 🙂

    Thanks! 🙂

    The white space is caused by the WooCommerce breadcrumbs – the text of this is set to white that’s why you can’t see it…

    Screenshot

    If you would like to keep the breadcrumbs and just change the color you can use:

    .woocommerce .woocommerce-breadcrumb a, .woocommerce-page .woocommerce-breadcrumb a {
      color: #636363;
    }

    Screenshot

    If you’d rather remove it altogether (and thus push the main content up) – try:

    .woocommerce-breadcrumb {
      display:  none;
    }

    Screenshot

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

The topic ‘[Theme: Twenty Twelve]’ is closed to new replies.