cancel
Showing results for 
Search instead for 
Did you mean: 

Unable to Move Table to the Right

Unable to Move Table to the Right

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; ?>

4 REPLIES

Re: Unable to Move Table to the Right

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

Tanel Raja

Re: Unable to Move Table to the Right

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 =)

Re: Unable to Move Table to the Right

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;}

Re: Unable to Move Table to the Right

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!