Results 1 to 3 of 3
  1. #1
    Join Date
    Sep 2008
    Posts
    30
    Plugin Contributions
    0

    Default how can I position css button?

    I chose the css buttons and I would like to reposition some of them, because they overlap other text, as can be seen in the following image. They are the "buy now" and "sold out" ones, but I changed the text in"bestel" and "uitverkocht"




    I tried to adapt the css by using margin-bottom (and a lot of others) but that didn't have any effect on these specific buttons.
    Can somebody please tell me how can I repositon this button and/or the text below and/or above it?

    my css:
    Code:
    /* css buttons */
    .cssButton, .cssButtonHover {
    width : 20em; /* anjo was 20em */
    background-color: #F4F4F4; /* anjo was F4F4F4 */
    color : #5078D8; /* anjo was 000000 */
    border: 2px outset #F4F4F4;
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
    font-size: 1em; /* anjo was 1.1em */
    text-align:center;
    white-space: nowrap;
    text-decoration: none;
    font-weight: bold;
    padding: 0.3em; /* anjo was padding 0.3em */
    /*border-spacing: 1px;*/
    /*margin-left: auto;
    margin-right: auto;*/
    /*display: block;*/
    /*vertical-align: top;*/
    /*line-height: 130%;*/
    /*cursor: pointer;*/
    }
    
    .cssButtonHover {
    color: #B05E5E; /* was #006600 anjo */
    border-style: inset;
    text-decoration: none;
    }
    /* adding the styles below might be needed if the default button width is changed */
    /* .button_continue_shopping, .button_shipping_estimator {width: 150px;} */
    .small_delete, .button_prev, .button_next, .button_search  {width: 7em;}
    .button_sold_out_sm, .button_sold_out, .button_update_cart, .button_checkout, .button_login {width: 10em;}
    .button_return_to_product_list, .button_add_selected {width: 22em;}
    .button_in_cart{width: 19em;}  
    .button_submit {width: 19em;}
    .button_update_cart {color: red;}
    .button_update_cartHover {color: #005C5B;} /* anjo was #003D00 */
    /*.innerbox#headernavcenter .boxtext .button_search {display:inline;}*/
    /* anjo .button_buy_now, .button_buy_nowHover{ 
    	margin-bottom: -10px; 
    	} */

  2. #2
    Join Date
    Oct 2006
    Posts
    14
    Plugin Contributions
    0

    Default Re: how can I position css button?

    Nothing showing on the link you have listed but try adding the following into the css section you would like to change:

    line-height: 3em;

    You can experiment with the size but I found that this worked for me.

  3. #3
    Join Date
    Sep 2008
    Posts
    30
    Plugin Contributions
    0

    Default Re: how can I position css button?

    Quote Originally Posted by pod166 View Post
    Nothing showing on the link you have listed but try adding the following into the css section you would like to change:

    line-height: 3em;

    You can experiment with the size but I found that this worked for me.
    Thanks for the answer! But your reaction remebered me I forgot to add a comment to my own post: I am not using the zen-cart any more (too much problems updating the database with easypopulate), which also means I don't have to solve the problem any more.

    Thanks anyway and sorry!

 

 

Similar Threads

  1. How can I make the Header Search button be a CSS button?
    By makehveli in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 26 Aug 2011, 03:01 AM
  2. How can I disable a CSS button?
    By stagebrace in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 17 Feb 2011, 03:24 PM
  3. how do i change the position of the add to cart button ?
    By what44 in forum Templates, Stylesheets, Page Layout
    Replies: 39
    Last Post: 11 Feb 2011, 05:32 PM
  4. CSS Back Button - can't change width
    By speeke in forum Templates, Stylesheets, Page Layout
    Replies: 10
    Last Post: 11 Sep 2006, 10:49 PM
  5. I can't change ths position of this text. How?
    By Robert T in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 22 Aug 2006, 02:52 AM

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