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' ) );
Related
I am using gutenberg with wordpress and the sidebar where I can edit the blocks is squeezed to the right, making it impossible for me to edit it:
As you can see in the image, the sidebar is shown partially on the screen and I can´t move to the right.
Here are some things I tried:
1 - Work with another browser (Chrome and Edge). It did not work.
2 - Edditing the code in the plugin (Twenty Twenty), stylesheet in Gutenberg and Stackable plugin:
'mode' => 'edit'
//------------------------------------------------
// Admin CSS
//------------------------------------------------
add_action('admin_head', 'my_custom_fonts');
function my_custom_fonts() {
echo
'<style>
.wp-block {max-width: 900px;}
</style>';
}
As explained in: https://support.advancedcustomfields.com/forums/topic/acf-blocks-cramped-in-right-sidebar-of-editor/
Nothing of these worked. Does anyone have a clue?
Tks
Try to overwrite the css box with this code:
.interface-complementary-area {
width: 380px !important;
}
Or in your theme functions.php add this:
// Wider sidebar on gutenberg backend
function my_wider_sidebar() {
echo
'<style>
.interface-complementary-area{ width: 450px !important; }
</style>';
}
add_action('admin_head', 'my_wider_sidebar');
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'm trying to remove the line under the logo at: http://buyfireworks-shop.co.uk/product-category/roman-candles/ I can't remove the white border under the logo. I have tried various css to no avail.
Update this class in inline style sheet #4, you might need to do it in your page builder if you're using one, like Visual Composer or DiviBuilder if you can't find it in WooCommerce; from memory Woo doesn't have admin side styling accessible:
.mk-header { border-bottom: 1px solid #ededed; }
Remove the white border by setting border-bottom to none:
.mk-header { border-bottom: none; }
This style is being added with an inline stylesheet on the page, so you'll need to override it either with important or being really careful about specificity; making sure your .mk-header border fix is in the last css file after the WooCommerce stuff loads.
If you're still having trouble with WooCommerce styles you can disable them entirely in functions.php
// Remove each style one by one
add_filter( 'woocommerce_enqueue_styles', 'jk_dequeue_styles' );
function jk_dequeue_styles( $enqueue_styles ) {
unset( $enqueue_styles['woocommerce-general'] ); // Remove the gloss
unset( $enqueue_styles['woocommerce-layout'] ); // Remove the layout
unset( $enqueue_styles['woocommerce-smallscreen'] ); // Remove the smallscreen optimisation
return $enqueue_styles;
}
// Or just remove them all in one line
add_filter( 'woocommerce_enqueue_styles', '__return_false' );
How to remove Wordpress icon with CSS for not login users in the upper left corner.
Is this possible with css or do I need to go with php?
You can see it on my page http://virtual-forms.com
Edit: added screenshot:
screenshot
create a file with name like removeicon.php and put it in wp-content/plugins/ folder, go to your wp dashboard, plugins and activate it(plugin) and your unwanted icon will disappear for none logged in users:
<?php
/*
Plugin Name: remove icon
*/
function remove_icon_css() {
echo
'<style>
#wp-admin-bar-wp-logo{
display: none;
}
</style>';
}
function remove_icon_code(){
if (!is_user_logged_in()) {
add_action('wp_head', 'remove_icon_css');
}
}
add_action('wp', 'remove_icon_code');
you can also put this code on your /wp-content/themes/{theme-name}/functions.php or child-theme/functions.php
if you want to know about child-themes and functions.php read here
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>';
}