Button positions

Hi there ,

i have gk_twn2 on my website www.borntogolf.it . The question for you is this: all buttons are shown before input fields not after . How is it possible to fix it ? for an example see : http://www.borntogolf.it/index.php/forum
the button "accedi" it is before login input fields.

The second question : which template do you use for this forum ? is it possible to have ? i need a template for kunena that match my template .

For button problem
find and backup "templates/gk_twn2/css/joomla.css"

Line 28
Which is :

Code: Select all

.button, button, button.button, input[type="submit"], input[type="button"], .pagenav-next a, .pagenav-prev a, .k2ReadMore {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #FFFFFF;
    background-image: url("../images/btn_bg.jpg");
    background-origin: padding-box;
    background-position: left top;
    background-repeat: repeat-x;
    background-size: auto auto;
    border-bottom-color: #DBDBDB;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #DBDBDB;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #DBDBDB;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #DBDBDB;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-style: solid;
    border-top-width: 1px;
    color: #333333;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 16px;
    height: 29px !important;
    line-height: 31px;
    margin-bottom: 3px;
    margin-left: 2px;
    margin-right: 5px;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 0;
    text-shadow: 0 1px 0 #FFFFFF;
}


Copy and replace it with below.

Code: Select all

.button, button, button.button, input[type="submit"], input[type="button"], .pagenav-next a, .pagenav-prev a, .k2ReadMore {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #FFFFFF;
    background-image: url("../images/btn_bg.jpg");
    background-origin: padding-box;
    background-position: left top;
    background-repeat: repeat-x;
    background-size: auto auto;
    border-bottom-color: #DBDBDB;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #DBDBDB;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #DBDBDB;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #DBDBDB;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-style: solid;
    border-top-width: 1px;
    color: #333333;
    cursor: pointer;
    font-size: 16px;
    height: 29px !important;
    line-height: 31px;
    margin-bottom: 3px;
    margin-left: 2px;
    margin-right: 5px;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 0;
    text-shadow: 0 1px 0 #FFFFFF;
}


Check other sections of joomla where there are input buttons as this is a generic code and it could effect the looks of other buttons...

As for templates you just have to look around to be honest...