A few questions

4 posts from 3 voices

• Started 5 months ago by dracovich
• Latest reply from Ismael
• This topic is not a support question

Tags:

No tags yet.

1. 

   dracovich
   Member

   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.

   Posted 5 months ago #
2. 

   Devin
   Moderator

   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

   Posted 5 months ago #
3. 

   dracovich
   Member

   Awesome, evertyhing worked :) Thanks for your help

   Posted 5 months ago #
4. 

   Ismael
   Moderator

   Hi dracovich,

   Glad that Devin helped you. :)

   Cheers,
   Ismael

   Posted 5 months ago #

RSS feed for this topic

Reply

You must log in to post.