[Theme: WooThemes–Canvas] Custom CSS help

  • Resolved tycoonbob

    (@tycoonbob)


    13 years ago

    Hello everyone.

    I am helping a client migrate to a WordPress site, and while I’m not a web designer or programmer, I have pretty well done what my client has wanted. Please note that the site is not the greatest, but it’s what my client wanted.

    I have one problem with the theme, which I am starting to think can only be solved with Custom CSS…which I can’t do at all. I have tried and tried using Google Tools to figure it out, but I am lost.

    http://www.LouisvilleCichlids.com/WordPress

    Is the WordPress site, and if you go to any of the product listings such as:
    http://louisvillecichlids.com/WordPress/product/frontosa/

    You can see the big ugly white Description/Review box. I need to change the color of that box to a medium-dark grey, and I cannot figure out how to do it. Can anyone help me please? I would appreciate it so much!

    Thanks!

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

    (@wpyogi)

    13 years ago

    As you know, commercial themes aren’t supported here, but this should be the CSS code you need to change:

    .woocommerce .woocommerce_tabs, .woocommerce .woocommerce-tabs {
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E6E6E6;
    clear: both;
    margin-bottom: 3em;
}

.woocommerce .woocommerce_tabs ul.tabs, .woocommerce .woocommerce-tabs ul.tabs {
    background: none repeat scroll 0 0 #F3F3F3;
    list-style: none outside none;
    overflow: hidden;
    padding: 0.5em 0.5em 0;
}

.woocommerce .woocommerce-tabs ul.tabs, .woocommerce .woocommerce_tabs ul.tabs {
    padding: 1em 1em 0;
}

.woocommerce .woocommerce_tabs ul.tabs li.active a, .woocommerce .woocommerce-tabs ul.tabs li.active a {
    background: none repeat scroll 0 0 #FFFFFF;
}

    If you need more specific help, you might want to check out a CSS forum such as http://csscreator.com

    Thread Starter tycoonbob

    (@tycoonbob)

    13 years ago

    I thank you for your response. I wasn’t aware I wasn’t supposed to ask a question like this here, and thank you for pointing me where to go.

    I added the code you posted about in the Custom CSS box of my theme, and changed the #FFFFFF to #333333 but it literally did nothing to fix the box I want changed. I’m at a loss since I don’t know what I’m doing, but I assume I should take it over to that CSS forum?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years ago

    Those forums do specialise on CSS support, so it is recommended you try there. Although we can help with CSS stuff here, responses may be less frequent than CSSCreator.

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

The topic ‘[Theme: WooThemes–Canvas] Custom CSS help’ is closed to new replies.

Tags