Unable to Move Table to the Right

[sufyanahmad]

Hi guys,

I'd like to move my table to the right side of the page but I'm really a noob and unsure where and what I should amend. I'd appreciate if anyone can help me out. Thank you!

<?php if ($this->canApplyMsrp()): ?>

<div class="cart-msrp-totals"><?php echo $this->__('ORDER TOTAL WILL BE DISPLAYED BEFORE YOU SUBMIT THE ORDER'); ?></div>
<?php else: ?>
<table id="shopping-cart-totals-table">
<col />
<col width="1" />
<tfoot>
<?php echo $this->renderTotals('footer'); ?>
</tfoot>
<tbody>
<?php echo $this->renderTotals(); ?>
</tbody>
</table>
<?php endif; ?>

[Pronto]

Use style="float: right;" attribute for outmost div? And when it works put it to the css file later on.

[sufyanahmad]

Hi @Pronto

Thank you for the reply.

My apologies though, as I am a coding noob =(. Is it possible for you to specify where in the code I should add the additional code? And how do I get to the CSS file?

Again, really appreciate your help and I look forward to your reply =)

[Magikvishal]

Hi Sufyanahmad,

Add below code into your styles.css file

skin/frontend/Your_Current_package/your_theme/css/styles.css

.cart-msrp-totals{float:right !important;}

[sufyanahmad]

Hi @Magikvishal,

I added the that bit into skin/frontend/default/default/css/styles.css but there's no change. Am I missing something?

Current code now looks like this:

.cart-msrp-totals {float:right !important; color:red; font-size:12px !important; font-weight:bold; margin:10px 10px 0; padding:10px; text-align:right; text-transform:uppercase;}

Again, thank you so much for the help!