These instructions assume you have either the JetPack plugin active with the Custom CSS module option turned on or our Themedy Toolbox plugin active (version 1.0.3 or higher).

Read more about adding the custom css feature here.


You can these CSS blocks to your Appearance -> Edit CSS screen (see steps above if you don't have this option)

Make sure to start adding your CSS code after the intro text as explained here.

1. Show slider images on mobile (otherwise only slider text is shown by default)

/* Show Slider Images on Mobile */
@media only screen and (max-width: 600px) {
    .slide img {
        display: inline;
        visibility: visible;
        height: auto;

2. Add a click-able search button to header search box

Note: You will need to do this change again if you ever upgrade or reinstall Clip Cart

First open functions.php included with the theme and search for:

<input type="hidden" id="searchsubmit" value="Search" />

change hidden to submit ie:

<input type="submit" id="searchsubmit" value="Search" />

Then add this CSS to your Custom CSS:

#searchsubmit {
    background: url("images/bg-button.png") repeat-x scroll center center transparent;
    border: 1px solid #C5C5C5;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 0 1px #FFFFFF inset;
    color: #757575 !important;
    cursor: pointer;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding: 0 15px;
    text-shadow: 1px 1px #FFFFFF;
    text-transform: uppercase;
    transition: border-color 0.15s linear 0s;
    margin-top: 5px;

3. Hide the price on the product listing pages

.price {display: none;}

4. Change the gray slider background color

#slider_area {background: #00BFFF;}

5. Remove the text shadow on the slider text

.slide_content p {text-shadow: none;}
.slide_content h3 {text-shadow: none;}

6. WooCommerce 2.3 Tweaks (if you were running Clip Cart before WooCommerce 2.3 came out)

.woocommerce .quantity .qty {
    height: 26px;
    line-height: 1;

.woocommerce .checkout-button.button {
    color: #fff !important;