CSS help to hide / change content

Hi, could i please have some help to amend a few things on this page – http://tinyurl.com/p9hmc7d

screenshot of changes – http://take.ms/1ec5e

Support Access is open

Please dont post any brand related information/ screenshots or domain links as i have had issues with google caching this information and linking it to their google searches of my site … very bad for brand… please use temporary image upload / tiny url / pastebin etc to mask this information.



  • Rupok
    • Support Ninja

    Hi Tom,

    The following custom CSS will do all the changes you mentioned in your screenshot except one. I don’t see any tiny thumb under the product main images. Please check the screenshot for reference: http://www.screencast.com/t/N2YhebiX0M2a

    Custom CSS Code:

    .product_title.entry-title {
    font-size: 28px;
    .upfront-output-object table, .upfront-output-plain_text table {
    background: transparent none repeat scroll 0 0;
    .upfront-output-object tbody tr:nth-child(2n+1), .upfront-output-plain_text tbody tr:nth-child(2n+1) {
    background: transparent none repeat scroll 0 0;
    .single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
    background: #448811 none repeat scroll 0 0 !important;

    You can add this to a theme’s stylesheet, in a child theme, or using a plugin like My Custom CSS.

    Please let us know if it doesn’t do exactly what you want. We will be glad to help further.

    Have a nice day. Cheers!


Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.