Does anybody know how to remove (or hide) the Product Categories title on woocommerce pages?
It's using the h4 font settings in theme.php, these are also used for other element titles that I do not want to hide/remove. Any ideas?
Thanks so much!
In your theme functions.php add:
add_filter('woocommerce_show_page_title', create_function('$result', 'return false;'), 20);
Paste this code in your style.css file:-
.sidepanel.woocommerce.widget_product_categories h4 {
display: none;
}
Related
I added a subcategory in Woocommerce and now I want to display the subcategory in bold and also make the font size bigger, so that it looks like a subcategory and not like one of the product categories.
Here is where I want to change it: https://ecsense.com/ec-sense-products/
(I want to change it for "Single Gas Modules" and "Dual Gas Modules")
Until now I looked through the CSS code which was made by someone else, but I could not find any code for Categories. The Main Categories are already displayed in bold and big by woocommerce.
So I would need a whole new section for Product Categories in my CSS. If anyone knows how to add a CSS code, please tell me.
Try this CSS Code:
#filter-bar .bapf_body >ul >li:nth-child(2)>ul >li> label {
font-size: 20px;
font-weight: 900;
}
Output like this:
Please check this CSS code
.bapf_body ul li > ul li > ul li > label {
font-size: 12px !important;
}
output is like : http://prntscr.com/1gzqcci
I have added a title color for each category that is displayed on the posts. This is how I want it to be displayed and this is the way it displays
It works fine for one category page https://everythingstudent.co.uk/category/discounts/, but on the others it doesn't https://everythingstudent.co.uk/category/sponsored/ - The section after In case you missed it.
I don't understand why it doesn't respect the CSS assigned. It bugs me out.
You have made small mistake. just replace your css with below css. same class in body and article tag so we need to add article tag with class name so it does not conflict with body tag :)
article.category-discounts .category_es_title {
background-color: #0072bc!important;
}
article.category-anothercat .category_es_title {
background-color: #f8ac87!important;
}
article.category-jackiscool .category_es_title {
background-color: #75d3f6!important;
}
article.category-sponsored .category_es_title {
background-color: #00a651!important;
}
article.category-student-life .category_es_title {
background-color: #ff1744!important;
}
Where is your CSS typed? did you do it manually or through a front-end editor?
In my experience, a lot of times it's something as simple as a theme compatibility issue so you may have to go directly into the source code for the theme itself.
Let me know some details & I should be able to elaborate more
I would like to remove panel or breadcrumbs from dashboard.storefront theme woocommerce plugin as attached in image.This can be seen under woocommerce-->order
i tried unset and css display none for class.it didn't work.
.woocommerce-layout__header {
display: none !important;
}
Screenshot
Add the follows code snippet in your active theme's functions.php -
remove_action( 'in_admin_header', array( 'WC_Admin_Loader', 'embed_page_header' ) );
I am going crazy with this, I've been searching all day for a solution for this. I know it should be possible with the display: none; css work around, but I just cant get it to work.
I am trying to remove the "Add Product(s)", "Add fee" and "Add shipping" buttons.
You should try this custom function hooked in admin_head action hiding some Order buttons:
add_action( 'admin_head', 'hidding_some_order_buttons' );
function hidding_some_order_buttons() {
echo '<style>
.post-type-shop_order .wc-order-add-item > button.add-order-item,
.post-type-shop_order .wc-order-add-item > button.add-order-fee,
.post-type-shop_order .wc-order-add-item > button.add-order-shipping{
display: none !important;
}
</style>';
}
Code goes in function.php file of your active child theme (or theme) or also in any plugin file.
Tested and works. you will get something like this:
I have a WordPress based blog where I want to remove the featured image.
.single-post .attachment-post-thumbnail {
display: none;
}
I cannot find above code in single.php or in any CSS file. Now I don't know how to remove the featured image.
http://www.blogginggadgets.com/xiaomi-redmi-note-prime-price-specifications-features-review/
Try adding this:
.article-featured-image {
display: none !important;
}
It will look like this:
Add this code to your functions.php it will remove that feature image.
add_filter( 'wp_head', 'filter_function_name' );
function filter_function_name(){
echo '<style>.article-featured-image{display: none!important;}</style>';
}