help removing white space on production options

ThemeBurn SupportForumsOpenCart ThemesShoppica OpenCart Themehelp removing white space on production options

This topic has been marked as resolved.

If you have a look on

http://wehaveanysticker.com/index.php?route=product/product&product_id=52

on my colour options down the right i want to be able to move everything close together (remove the space between the radio check and the actual image)

i know its this code here in product_options.tpl but i cant get it to move closer

<table class="option-image">
   <?php foreach ($option['option_value'] as $option_value): ?>
   <tr>
      <td style="width: 1px;"><input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" /></td>
      <td><label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" /></label></td>
      <td><label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
                <?php if ($option_value['price']): ?>
                (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
                <?php endif; ?>
              </label></td>
   </tr>
   <?php endforeach; ?>
</table>

any help thanks!

  • This reply was modified 4559 days ago by  s31teg.
  • This reply was modified 4559 days ago by  s31teg.
  • This reply was modified 4559 days ago by  s31teg.
 s31teg
October 27, 2011 at 7:45 pm #2967
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
October 30, 2011 at 1:45 am #3007

that done the trick, just how to get the text on 1 line to bring everything up nice and close…?

 s31teg
October 30, 2011 at 2:33 pm #3021
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
October 31, 2011 at 11:15 pm #3056

thanks, that sorted the text in one line but the bounding boxes are still to big, how can i make these as small as possible to bring all the options closer together?

added an attachment to show you what i mean

once again big thankss!!!!

 s31teg
November 2, 2011 at 6:46 pm #3130

Hi, s31teg

May i know how you move the “Cart | £0.00″ to top and it give move space for the main menu.

Any help, thanks :)

November 3, 2011 at 4:55 am #3143

@msngmedia

this is just standard i think in the version im using, you on latest version?

 s31teg
November 3, 2011 at 11:00 am #3148

Hi, s31teg

I am using Shoppica 1.0.10 now and will upgrade to 1.0.11. after move the cart to the top and it can add more button on the main menu :)

November 3, 2011 at 11:19 am #3152
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
November 4, 2011 at 11:34 am #3206

thanks alot

just a little typo you had with “widht” just incase anyone else uses it, also made the margin in the middle

here the modified code


.option-image label {
&nbsp;&nbsp; overflow: hidden;
&nbsp;&nbsp; width: auto !important;
&nbsp;&nbsp; white-space: nowrap;
}
.option-image label img {
&nbsp;&nbsp; margin-middle: -16px;
}

again a* support!!

 s31teg
November 4, 2011 at 2:14 pm #3225

ah i tell a lie, need to be margin-top otherwise adds a load of white space back in but does not look right being offset down the bottom

how can i make it all justified in the middle?

 s31teg
November 4, 2011 at 2:22 pm #3228

Hi,

We have missed the height value for the label. Edited the post above.

Best,
ThemeBurn team

November 6, 2011 at 10:48 pm #3272
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.