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.
Related
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;
}
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;}
Please I'm having issues styling the contact page . I'll love to change Address, email and phone number colours to white. See Screenshot,
I've tried inspecting element, but can't find the actual file to modify.
You can't find the file is because it's in-between script tags. Can you not do it using the WYSIWYG controls?
If you want to do it with CSS, put the following in your theme's custom.css or your child themes styles.css (Or if your theme has theme options, it may be in there):
.page-template-contact .info-strip .info-block p,
.page-template-contact .info-strip .info-block a {
color: #fff !important;
}
This will apply it only to those blocks on the contact page. The important also prevents it being overridden by inline CSS added by WYSIWYG editors, so bare this in mind when you want to change it 2 months down the line :)
.page-template-contact .info-strip .info-block p,
.page-template-contact .info-strip .info-block a {
color: #fff !important;
}
Would you please add above code in your style.css ?
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 am using a very simple free Wordpress theme that I am really happy with but I cannot figure out how to move the names of the budgies along to the right:
http://swearingbudgies.co.uk/
I have tried Firebug to find out how to do this but the only tag I can see is a: - problem is when I apply padding-left to a: it also shunts the images along. Will this require changes to the html/php as well as the CSS to fix?
Add the following class in your CSS. Next time onwards don't come up with site url. Add your problem in fiddle/codepen or something like that and post here your code. Otherwise people will give downvote and close your question including me.
a.image_link + div
{
text-align:right;
}
try
#main-content div.post div{
text-align:right;
}