Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #18175

    Hey, i hope it’s ok i have a few different questions. I’ve used the search function to try and find solutions but couldn’t find answers to all my questions. To begin with, i’m playing around with the theme at http://woo.odinfightwear.com/wp

    1) I want the main navigation tool on the website to be the product categories (added using “Woocommerce product categories” widget). I’ve been searching throughout the entire style.css and trying to look into the source to figure out what css code i need to manipulate to control the font size of the categories, any hints here?

    2) I dislike the amount of space at the top of the page, so i wanted to minimize the empty space. To this goal i saw this comment in the style.css:

    #header.boxed .container{

    width:980px;

    height:200px; /* remove this is you want no specific height for the header. it will adjust to the logo size then*/

    }

    But if i remove this, the “My account | Shopping cart | Checkout” gets mixed into the search field. Is there any way to either make these two play nice, or remove the 3 links (they are already linked in the menu so it seems a bit redundant).

    3) I’m almost assuming this is an error, but when i go into the view cart or checkout, the font color on “Cart subtotal” and “Order total” is dark gray, making it impossible to read on the dark blue background. Shipping and tax has the right color, so i’m assuming this is a bug? I see the same behaviour on the live preview.

    4) Is there any way to make the entire image of a product clickable? As it is you can only click on the “Show details”, not a huge deal, just seems counter-intuitive from a user perspective.

    #98497

    Hi dracovich,

    1) For identifying css, use something like Firebug for Firefox or Chrome/Safari’s inspect tool. That way you can inspect the css live on the specific area. I’m not sure which exact category set of links you are trying to control, but adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files will change the font size on the home page of that categories widget:

    #product_categories-2 .widget_product_categories li a {
    font-size: 14px;
    }

    2) Add this to your Quick CSS or custom.css file and modify the height to what you want:

    #header.boxed .container {
    height: 200px;
    }

    You can also adjust the search form with:

    #header #searchform {
    top: 63px;
    }

    3) Some of the skins still have a weird bit of styling but add the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .cart_totals th strong {
    color: white;
    }
    .shop_table th strong {
    color: white;
    }

    4) Open up woocomerce-config>config.php and search for:

    echo get_the_post_thumbnail( get_the_ID(), 'shop_catalog' );
    echo $link;
    echo "<a class='button show_details_button $extraClass' href='".get_permalink($post->ID)."'>".__('Show Details','avia_framework')."</a>";
    if(!empty($rating)) echo "<span class='rating_container'>".$rating."</span>";

    Replace it with:

    echo "<a href='".get_permalink($post->ID)."'>".get_the_post_thumbnail( get_the_ID(), 'shop_catalog' )."</a>";
    #echo get_the_post_thumbnail( get_the_ID(), 'shop_catalog' );
    echo $link;
    echo "<a class='button show_details_button $extraClass' href='".get_permalink($post->ID)."'>".__('Show Details','avia_framework')."</a>";
    #if(!empty($rating)) echo "<span class='rating_container'>".$rating."</span>";

    Regards,

    Devin

    #98498

    Awesome, evertyhing worked :) Thanks for your help

    #98499

    Hi dracovich,

    Glad that Devin helped you. :)

    Cheers,

    Ismael

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

The topic ‘A few questions’ is closed to new replies.