What is the correct way to hide only the view Button at My account/orders
Any help at all would be much appreciated.
This is difficult to answer without seeing any code, but assuming you are using WooCommerce out of the box, this CSS rule should work for you:
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions, th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-actions {
display: none;
}
Instead of blanking out the entire table cell where other link buttons may exist for invoices, etc. just take out the View button:
.woocommerce-button button view {
display: none;
}
Related
I'm just trying to move and change styling to a button on a single product woocommerce page. The button is "continue shopping (SEGUIR COMPRANDO in spanish)".
What I want is to have both buttons together and horizontal, and, if it's possible, with the same style (transparent with black border). To explain myself better, I attach an image. The product link is: https://maikaihealthyfood.es/producto/combo-guacamole-chips-de-platano/
this is how it looks actually (https://i.stack.imgur.com/qW6Nf.png)
this is how it should looks (https://i.stack.imgur.com/xXxhZ.png)
Thank in advance!
This will help you fix your problem..
// add this in footer in script tags
jQuery(document).ready(function(){
$(".btn-atc").addClass("seguir-btn");
});
/* add this to your css */
a.btn-atc.seguir-btn {
margin: 0;
padding: 14px 20px;
}
guys I have a website on WordPress where I want to hide reviews tab on all product pages, currently I am using CSS hero to make changes but it applies only on the single page. I couldn't find a way to hide it on all pages, I can just do it by the changing element.style from block to none in inspect element, But I don't know how to apply it on my website. Here is the screenshot of the problem
Add this code to one of the public CSS that exist in all Pages.
.tab-content.tab-reviews {
display:none !important;
}
Do you have the same class name on other product pages too? If so, one way is to add a style:
.tab-reviews {
display: none !important;
}
classes may be repeated but ID's must be unique , please add your style with id like below
#content_tab_reviews {
display:none !important;
}
This will hide the class tab-content completely.
.tab-content{display:none !important;}
I'm currently building a website as a whole sale website. I'm having trouble getting a PNG to work as a button. WP Ecommerce comes with an automatic "add to cart" button on all of their pages. I'm having the hardest time figuring this out. I did this to my directory so far.
changed a custom "add to cart" PNG to the images directory.
Went to the default.css page and changed:
input.wpsc_buy_button{}
to:
input.wpsc_buy_button{
background-image: url(images/addtocart.png);
}
I don't know exactly what Im doing wrong. Maybe I didn't echo it on the product page? I feel like it should have because I kept the names the same.
Either way, any form of help would be awesome. Thanks!
A few things to note:
The class, wpsc_buy_button, is on a button, not an input.
The CSS that is putting the button in there now uses an !important tag so you must also use this and be more specific with your selector to override that style.
images/addtocart.png is not going to be a valid path to images in your media library. I'm not certain where it lives but the path is more likely to be something like this: http://inkvia.com/wp-content/uploads/2015/01/addtocart.png
Example CSS
button.wpsc_buy_button {
background: url(/wp-content/themes/mazine/images/addtocart.png) no-repeat !important;
height: 43px;
width: 180px;
}
button.wpsc_buy_button span, button.wpsc_buy_button span span {
background: none!important;
text-indent: -99999px;
}
Alright, so I have an HTML form and I want to be able to use that form to upload links to my database and then have the links displayed on an updated page. Everything works fine, but my issue is that whenever the link is retrieved and displayed from the database, I am unable to make changes to the CSS. For example:
This is a Great Site
is what I would enter into the form, this would be saved to the database, and the output would be:
This is a Great Site
my issue is, I am unable to change any of the link styles outside of color and other inline CSS options. I am unable to change things like what color it appears after the link has been clicked on, or what kind of action it does when hovered over.
What would be the easiest way to go about this? Is there a simple CSS workaround that I'm missing or am I going have to do something a little bit more complex?
Thanks in advance.
Assuming you show these links in a fixed place, add a class to the element that contains these links. This will safe you the trouble of adding a class to every link you add.
<div class="container">
This is a Great Site
</div>
Then you can change the CSS of these specific links with:
.container a {
color: green;
}
.container a:hover {
background: yellow;
}
I don't get your question.
Your link is 'www.stackoverflow.com'.
You output your link as
This is a Great Site
What prevents you from outputing a class or style attribute?
This is a Great Site
This is a Great Site
<a class="myOtherLinkClass" href="www.stackoverflow.com">This is a Great Site</a>
<style>
a.myOtherLinkClass,
a.myOtherLinkClass:hover,
a.myOtherLinkClass:active,
a.myOtherLinkClass:focus{
color: #d5d5d5; //Alternative add !important to the value
}
</style>
Try it like this. Be sure to put this into your .css-File without the <style> tags and put it after your "a"-Definition.
I want to take out of each post this section "/ No Comment / Read More » / Edit" or hide if you will. this is the website www.justsaynews.com
how do I do this?
The best thing would be to edit the template as Pekka has pointed out.
However I think it is possible by quickly looking at the source to hide it using CSS.
To remove only the links 'No comment' and 'Read more':
span.featuredPostMeta a { display: none; }
or to remove the entire block including the date:
span.featuredPostMeta { display: none; }
However please test it to see whether other data gets hidden or not.