Forums / Templates, Stylesheets, Page Layout / Align radio button of product attribute

Align radio button of product attribute

Views: 1,358

Results 1 to 9 of 9
9 Apr 2012, 2:14 AM
#1
lonelywolf90 avatar

lonelywolf90

New Zenner

Join Date:
Apr 2012
Posts:
6
Plugin Contributions:
0

Align radio button of product attribute

[IMG]http://img820.imageshack.us/img820/8246/image1td.jpg[/IMG]

Sorry for the image, couldn't spoiler tag it.

As shown on the image above, I'm quite frustrated to find the solution as I have tried to edit in the stylesheet.css but to no avail.

Can anyone solve this problem for me?

I even tried searching the forum for solutions but still couldn't find any.

My intention was to actually 'bring' the radio buttons to the next line.
margin doesn't work as not all the radio buttons will go down.

Please help me, thank you.

9 Apr 2012, 5:51 AM
#2
lonelywolf90 avatar

lonelywolf90

New Zenner

Join Date:
Apr 2012
Posts:
6
Plugin Contributions:
0

Re: Align radio button of product attribute

Does anyone here know how to solve this?

Please help.

eg : Operating system

I just need the Microsoft Windows 7 Home Premium 64 radio button etc to move below the 'Operating System'

9 Apr 2012, 10:05 AM
#3
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Align radio button of product attribute

Sorry, but it's unlikely anyone will be able to help without being able to see the actual site.

15 Apr 2012, 8:38 AM
#4
lonelywolf90 avatar

lonelywolf90

New Zenner

Join Date:
Apr 2012
Posts:
6
Plugin Contributions:
0

Re: Align radio button of product attribute

stevesh:

Sorry, but it's unlikely anyone will be able to help without being able to see the actual site.

Ok, I will host it soon, hopefully you could help me out with this problem. Thanks =)

16 Apr 2012, 2:50 PM
#6
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Align radio button of product attribute

Try editing tpl_modules_attributes.php by finding this line:

<h4 class="optionName back"><?php echo $options_name[$i]; ?></h4> <br /><br />

and adding one or more <br />s.

16 Apr 2012, 3:41 PM
#7
lonelywolf90 avatar

lonelywolf90

New Zenner

Join Date:
Apr 2012
Posts:
6
Plugin Contributions:
0

Re: Align radio button of product attribute

stevesh:

Try editing tpl_modules_attributes.php by finding this line:

<h4 class="optionName back"><?php echo $options_name[$i]; ?></h4> <br /><br />

and adding one or more <br />s.

Ok, that is fixed!

Thank you so very much for your help stevesh!

I've been trying to fix that and it took me such a long time to no avail.

But now there's a new problem, haha.

Any idea how to bring those image down?

[IMG]http://img9.imageshack.us/img9/1384/image2vr.jpg[/IMG]

Please refer to the first image, it wasn't like that before this.

16 Apr 2012, 8:52 PM
#8
sph avatar

sph

Totally Zenned

Join Date:
Jan 2006
Posts:
1,556
Plugin Contributions:
0

Re: Align radio button of product attribute

I brought the images down when I first used the estorenow template; forgot how, sorry.

But I've been re-testing this template on a test and I'm wondering if the images are not there by design, to put some up underneat the cart button.

BTW, when posting screen shots you might not want your entire browser window included, never know what someone might be able to expolit.

Steve
prommart.com

17 Apr 2012, 1:50 AM
#9
lonelywolf90 avatar

lonelywolf90

New Zenner

Join Date:
Apr 2012
Posts:
6
Plugin Contributions:
0

Re: Align radio button of product attribute

SPH:

I brought the images down when I first used the estorenow template; forgot how, sorry.

But I've been re-testing this template on a test and I'm wondering if the images are not there by design, to put some up underneat the cart button.

BTW, when posting screen shots you might not want your entire browser window included, never know what someone might be able to expolit.

I was lazy to crop so I just took the whole screen shot, haha.

Thanks for letting me know that, I'll be more cautious next time.

I didn't find a permanent fix for the image issue but I configured the stylesheet by adding the width attribute..

.additionalImages{
margin: 1em 0em;
width:300px !important;
border:none;
border-top:1px dashed #21303c;
}

If someone there can find a way to fix this,pls tell me, thank you =)