I'm setting up a new e-commerce website. And I've integrated Razorpay payments to the site for payment processing. It shows an image badge on the billing page that shows 'Payment by Razorpay'. I want it to be removed or hidden.
I tried to hide it via CSS but that image has CSS class, So I can't set it's CSS property to 'display: none;'
That badge is just an image, you can hide it by adding this CSS code below.
.wc_payment_method.payment_method_razorpay img {
display: none;
}
Suggestion: Please read the Razorpay policy before doing this.
Using the demo page on Razorpay, I think you can hide the button with this:
.pay {
display: none;
}
Original Page
With the CSS display:none
If this doesn't work for you, ¿Can you please provide the HTML/CSS of the page? Without that it is going to be difficult to help you in a specific manner.
Related
I want to hide featured image on single post view. i tried with plugin and also theme panel have option to hide feature image but it did not work. I also add custom CSS code but did not work for me. Is any other way to hide featured image? Please help me to solve my issue.
I am using Newspaper theme (Version: 11.5.1).
Website: AmazClub
The page I need help with:
https://amazclub.com/airpods-pro-in-the-shower/
Try this custom CSS
.postid-894 .tdb_single_featured_image {
display: none;
}
The .postid-894 is a class that is applied to the specific post you linked, so the style wont be applied to other posts.
The .tdb_single_featured_image is the featured image element.
The display: none; will prevent the selected element from rendering in the page.
I have a WooCommerce site built with the Avada Theme. I've attempted to make the image gallery 'sticky' on product pages. The idea is to make the Image Gallery scroll down alongside the short product description / add-to-cart section on the right column, which tends to be longer.
I saw a line of code on this article here, which helped work out the code for the Avada theme (I'm using Avada's image gallery instead of WooCommerce's):
.avada-product-gallery {
position: sticky!important;
top: 0!important;
}
Correct me if I'm wrong, but from what I get from the linked article, this line of code hereabove would work, but needs overflow:visible on the body or bigger container where the gallery is.
I am learning coding at the moment so I'm kind of fishy on the subject - with all respect to fish. I have tried to trace back the container where I have to add the overflow: visible!important, but it's resisting me, so I am kind of lost with the code at something like:
XXXXXXXXXX .XXXXX {
overflow: visible!important;
}
I leave you an example of a product page I'd like to change to see if someone can help me identify the container which I have to refer on code to change the overflow display:
https://architectoutlet.com/shop/gifts/gifts-for-science-lovers/ti-asia-blue/
I come up with .flex-viewpoint .product { ?? .Fusion-row .product {?? avada-single-product-gallery-wrapper avada-product-images-global avada-product-images-thumbnails-left ??
I am all ears and open to learning, so any tip on the matter is welcome!
Thank you
best regards to all :)
You can add your own custom javascript
.avada-product-gallery is your product page gallery class
jQuery(window).bind("load", function() {
var width = jQuery(window).width();
if (width > 767) {
jQuery(".avada-product-gallery").stick_in_parent({offset_top:60});
}
});
Tested & It's working from my end.
Thanks in advance
I have installed Stripe on my WooCommerce Store. Upon testing I found that that Stripe checkout form input fields have very less width and they are coming from Strip Iframe.
I have tried adjusting it using CSS, but the width CSS is inline and coming from Stripe site.
Please recommend how can I fix it?
https://imgur.com/z0iH21Y "Screenshot"
Thanks
You are missing some styling elements in your woocomerce theme code, add this to your theme child or your custom theme css file
.stripe-card-group, div#stripe-cvc-element, div#stripe-exp-element {
width: 100%;
}
I'm having a problem with WooCommerce. I'm developing a website with Divi and WooCommerce. The buttons on the website have a specific style and I want that in the page products the buttons have the same style but I can't do it.
I installed the WooCommerce Color plugin but it doesn't work.
I have a child theme and on the developer console I looked for the specific class of this button and I found this class: ".single_add_to_cart_button button alt"
So in the CSS of the child theme I added:
.single_add_to_cart_button button alt {
color: #00000 !important;
}
But it doesn't work either.
This is the website: http://centromindfulnessmadrid.com/ and I want to change the buttons on these pages: http://centromindfulnessmadrid.com/producto/mindfulness-retiro-de-1-dia-sabado-24/ The button: "Añadir al carrito".
Thanks a lot!
I appreciate this is an old post, and it looks like you have resolved it, but the alt class would require a period as it is not an HTML element.
You will also have an inheritance issue as WooCommerce is very strict.
This would be closer to what you need, but you can probably narrow down the classes to one or two:
.woocommerce .single_add_to_cart_button button .alt {
color: #00000;
}
I am using the Shopify plugin which inserts Shopify products into Wordpress. I am trying to hide the image that gets brought in via the shortode. I've tried css and jquery but can't get it to be hidden.
So link for example: http://dev.whydidibother.com/airdecksltd_09_09_16/shop/6-board-pod/ - it is the image directly above the title and price.
Thanks
Try adding the following CSS:
.product-embed__image {
display: none;
}