• Hi. I would like to change the greens on the Zenshop theme to reds. I have found the place to change one of the price buttons:

    .spdetails{
    background:#1E8745;
    display:inline-block;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    padding:5px 10px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    }

    However, I would also like to change the color of the mouseovers on the menu items, the buttons with the price and “Details” on the front page, the dots that show which picture is being displayed, the page numbers at the bottom of the home page, the “View Cart” button etc…

    Can someone please help me?

    Thanks a lot.

Viewing 2 replies - 1 through 2 (of 2 total)
  • unless there is a global option in the theme settings, you’ll have to painstakingly go through and change every element.

    Current menu page and hover are done here:

    #submenu li a:hover, #submenu li a:active, #submenu .current_page_item a {
    color: #098424;
    }

    For the dots, they are done as images here, [themes/Zenshop/images/slide_control_nav.png]

    And the “Details/Price” button here, [themes/Zenshop/images/cart-th.png]

    …you will have to create an alternate version of the images with the color you want. Save original green as an alt name and new color as existing name.

    The page number is this in CSS “.wp-pagenavi span.current”

    That should get you started. You have to look at the source code to find the CSS classes and right click to find background image names to create alternates if you can easily identify them in the stylesheet.

    Thread Starter pjar78

    (@pjar78)

    Thank you so much BeeGirl. I’ll try that!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Theme: Zenshop} – changing the green color to red’ is closed to new replies.