Radio Button

[info@.....com]

Hi
I am using the template PBV-multi. and the radio buttons are alittle bit all over the place. How do move these and where do i find the css for this sheet so i can change the back ground colors etc.?

[info@.....com]

hello? can i get an answer?

[admin]

hello, the CSS files involved are located in
/components/com_onepage/pbv_multi/onepage.css
and
/components/com_onepage/pbv_multi/pbv.css
and
/components/com_onepage/pbv_multi/tabcontent1.css

You can use your F12 key in Google chrome to locate exact name of the class or ID which requires the change.

I apologize for slow response,
Best Regards,
Stan

[info@.....com]

Hi - I'm sorry, I've been working on this for hours and I can't seem to find it. Can you tell me where I can find the ID for the radio buttons?

[admin]

hello, please attach an image so i know we are talking about the same radios. you can also write me on my email, but we do design customizations usually as a custom work. (info@rupostel.com)

best regards,
stan

[info@.....com]

hi, i tried to post the image here but it would not do it I got this error message "Could not upload attachment to ./files/1853_2a638da877044b84ecac10fa3cea739a."

So I've emailed it to you. please let me know if you did not receive that email.

Thanks

[admin]

hello, i got it, but please send me a link to your site as well, so i can advise you the change in css.
best regards,
stan

[admin]

hello, in firebug under FF it seems that the following lines should solve the issue with floating:

edit: /components/com_onepage/themes/pbv_multi/onepage.css
add:

div#payment_html div label {
float: none !important;
margin-top: 0px !important;
}

div#payment_html div input {
margin-top: 6px !important;
}

best regards,
Stan

[lars@.....de]

I had the same Problem, if the description was longer then a row.
The align of the Radio Button doesnt fit in this cases.

I solved it by changing the following in onepage.css about Line 238:

Original:

Code: Select all

{
    border: medium none transparent;
    outline: medium none;
}

My Solution:

Code: Select all

{
    border: medium none transparent;
    outline: medium none;
    vertical-align: top;
}

Hope this helps.