Results 1 to 9 of 9
  1. #1
    Join Date
    Apr 2009
    Location
    Edinburgh
    Posts
    130
    Plugin Contributions
    0

    Default CSS default style for buttons works for some only

    Hi there

    I would like to have a css default style for all buttons in the website. So, I edited css and only few buttons have default style some not. I have no clue what causes this. Any idea?

    http://www.millers-graphics.co.uk/artstraws-p-2095.html

    Write Review and Tell a friend buttons don't have a default style like Add to basket button..

  2. #2
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    13,872
    Plugin Contributions
    96

    Default Re: CSS default style for buttons works for some only

    They do now! What did you do?

  3. #3
    Join Date
    Apr 2009
    Location
    Edinburgh
    Posts
    130
    Plugin Contributions
    0

    Default Re: CSS default style for buttons works for some only

    No lat9, they don't look default. There is still css style applied to all of them; had to put them back as they were until I figure out how make them look default. When I try to do some changes, the default state works for some buttons only, others seem to be still css styled. Is this make sense?

  4. #4
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    13,872
    Plugin Contributions
    96

    Default Re: CSS default style for buttons works for some only

    I guess I don't understand what you mean by "the default css style", but perhaps you are noticing a difference in styling between a submit button (like add-to-cart) and a link button (like write-a-review or tell-a-friend).

    Are you using the Zen Cart default CSS button handling?

  5. #5
    Join Date
    Apr 2009
    Location
    Edinburgh
    Posts
    130
    Plugin Contributions
    0

    Default Re: CSS default style for buttons works for some only

    Hmm, maybe I am naming it wrong...but here is the picture of what I want to achieve:

    Name:  buttons.jpg
Views: 165
Size:  5.8 KB

    and below is the css that styles most of the buttons:

    /* css buttons */

    .cssButton, .cssButtonHover { }

    /* adding the styles below might be needed if the default button width is changed */

    .small_delete, .button_prev, .button_next, .button_search { }

    .button_sold_out_sm, .button_sold_out, .button_update_cart, .button_checkout {
    text-decoration: none;
    width:5em;
    display: block;
    }

    .button_login { }

    .button_return_to_product_list, .button_add_selected {

    }

    .button_in_cart{
    /*width: 19em;*/
    }

    .button_submit {
    width: 60px;
    }

    .button_update_cart {
    color: red;
    }

    .button_update_cartHover {
    color: black;
    }



    /*.innerbox#headernavcenter .boxtext .button_search {
    display:inline;
    }*/

    /* Added by Andy for Millers */


    .button_search { float: right; }

    .button_viewRange, .button_write_review, .button_TellAFriend, .button_continue_shopping, .button_shipping_estimator, .button_checkout { }

    .button_back { }

    .button_sold_out_sm {
    margin-top: 5px;
    }

  6. #6
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    13,872
    Plugin Contributions
    96

    Default Re: CSS default style for buttons works for some only

    You might try changing /includes/templates/millers/css/stylesheet_css_buttons.css, in the cssButton, .cssButtonHover selector:

    1) Remove "times new roman" and georgia from the font-family so that verdana and arial are the first choices
    2) Remove the font-weight: bold;

    Those changes will get you closer to the picture you posted.

  7. #7
    Join Date
    Apr 2009
    Location
    Edinburgh
    Posts
    130
    Plugin Contributions
    0

    Default Re: CSS default style for buttons works for some only

    It did actually, but not for every button on a web. I removed all selectors for cssButton, .cssButtonHover but still Write-a-review or tell-a-friend buttons wont change to default..sigh..

  8. #8
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    13,872
    Plugin Contributions
    96

    Default Re: CSS default style for buttons works for some only

    You could try editing (core file) /includes/functions/html_output.php to change the zenCssButton function. For v 1.3.9f, the change would be on line 331; change this:

    Code:
        if ($type=='button'){
    // link button
       $css_button = '<span class="' . $mouse_out_class . '" ' . $css_button_js . $style . ' >&nbsp;' . $text . '&nbsp;</span>'; // add $parameters ???
        }
        return $css_button;
    to this:

    Code:
        if ($type=='button'){
    // link button
       $css_button = '<button class="' . $mouse_out_class . '" ' . $css_button_js . $style . ' >&nbsp;' . $text . '&nbsp;</button>'; // add $parameters ???
        }
        return $css_button;

  9. #9
    Join Date
    Apr 2009
    Location
    Edinburgh
    Posts
    130
    Plugin Contributions
    0

    Default Re: CSS default style for buttons works for some only

    Hi lat9

    Thanks for your reply. I did like you suggested and it works. It looks just like I wanted and I was going to leave it but I checked how it works in IE, Firefox and Chrome and there seems to be an issue in IE - the buttons for 'Previous', 'Return to product list', 'Next' and few more don't work at all. There isn't happening anything when I click them..So I put everything back as it was, untill I figure out what is the problem. Thank you kindly for your help

 

 

Similar Threads

  1. v151 Disable CSS buttons for some buttons and not others
    By longstockings in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 16 Nov 2013, 04:00 PM
  2. Products for sales as well as some just for display only
    By neilg in forum Setting Up Categories, Products, Attributes
    Replies: 5
    Last Post: 10 Jul 2010, 11:12 AM
  3. CSS buttons not fully working for some buttons in my shopping_cart page
    By chasery in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 13 Apr 2010, 07:37 PM
  4. Using CSS Buttons yet still see graphic buttons on some pages
    By newbie73 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 24 Jul 2007, 12:51 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg