I’m trying to remove WooCommerce product image in my WP page (I'm using eStore template). I don’t need the product image to be shown, but when I remove the product image using the following PHP snippet, I get a blank space where the image is supposed to be, and it looks terrible:
remove_action( ‘woocommerce_product_thumbnails’, ‘woocommerce_show_product_thumbnails’, 20 );
I've tried to remove the image placeholder by inserting the following CSS snippet, but nothing happens:
.single-product .product .summary {
width: 100% !important;
float: none !important;
}
Could you please give me some guidance on this?
Note - this code come from: Remove WooCommerce image
Just make the image gallery area display as nothing and 100% should fill the area. I tried the following with your CSS on the default template and it worked for me:
.single-product .product .images { display:none; }
And here is an example page for those wondering:
https://demo.themegrill.com/estore/product/shoe-for-men/
Koda
the image variable/object is being shown on this template you are using. if you cannot figure that out, just do a super hacky:
divName img {
display:none;
}
and move on to learning how to manipulate the templates inside WooCommerce for better flexibility. You could even write a function to hide this image...
Related
I am using currently Betheme Wordpress and I want to remove admin menu Betheme li Items
Kindly view the image what i want is also defined in image
I have found the solution and its workig 100%
1st step open this file projectName/wp-admin/admin.php
then
2nd Step in footer of the page insert this code
<style> li a[href="admin.php?page=be-websites"] { display: none !important; } </style>
Enjoy My Solution ...
Go to theme editor and remove the line that makes the item to display in the admin panel.
I am having trouble overriding the default styling that comes with WooCommerce. Specifically, I am trying to hide certain fields that display on my checkout page (see screenshot of the code). I mocked up my page on Code Pen and my css is working fine, so I am not sure why it doesn't work on my styles.css of my child theme. Any help is appreciated!
.variation li div:first-child {
display: none; }
https://codepen.io/jagorski/pen/oZBYrd
Clear the browser cache & try this:
.variation-JobListing:first-child {
display: none !important;
}
I tried my best but I couldn't make the following theme full width/screen by editing the CSS. I'd be very much grateful if you could show me or give me a hint regarding this customization.
http://envirra.com/themes/blackmag/?cat=4
the theme itself has an option for full with and posts without sidebar, but it only displays the header and slider with full width, all the rest, the blog and footer is still boxed
To create a new page layout you need to access your theme files and
open up and edit page.php.
create a template with full-width.php.
Select a page template in admin page section.
For more information refer following link:
https://premium.wpmudev.org/blog/create-full-width-page/
Add this css.
#media (min-width: 1200px){
.category .container {
width: 100%;
}
}
I have been trying to accomplish the above without any luck...any suugestions would be appretiated.
here is a link to my page : http://umsi.me/uniikmedia/?post_type=product
i have added this code to my functions.php file :
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
function loop_columns() {
return 4; // 3 products per row
}
}
I also tried disabling the shop-sidebar.php file.
I was able to make it work on all desktop browsers but on mobile browers it wasn't loading up the image in the right size, but keeping the width of 1200px.
Here is the css i used to make it work
html body.archive div.bg-shadow div#wrapper.container div#primary.sidebar-left div.container div.row div#content-shop.span9 ul.products {
width: 1200px;
float: right;
}
Thanks,
Here is screen shot : http://d.pr/i/QhkF
My theme is : http://www.templatemonster.com/wordpress-themes/37712.html
Any idea?
If you want to fix the content area of an editor of wordpress, then the only way way to do this by adding the custom css to your default template.
To do this go to your default template and add the below line to your functions.php.
suppose i have given a name for my custom css file like test.css.
add_editor_style('test.css'); //in functions.php
and then create a file named test.css (or whatever) in your theme directory and put this line of code inside it:
html .mceContentBody {
max-width: 400px !important; // whatever improbable size you want
}
When you personalize your site you'll need to go to site styling > custom CSS and add this script :
body {
overflow-x: hidden;
}
It will enable your horizontal scroll.