[SOLVED] Block Reinsurance Display Problem...

[Nick20000]

Hi. I have just moved the Reinsurance Block to the header of my pages but the display is wrong. I have added a picture. It is far too long for the width of my website. How can I fix this problem.

 

http://www.shopmost.co.uk

 

thank you.

Edited September 28, 2014 by vekia (see edit history)

[Paulito]

Hello

 

I only see this

 

http://screencast.com/t/iuu4f3Xuk7

 

Paul

[Nick20000]

hi.

 

yes I have not added the images to the new block as of yet. I just need to position the block so that it matches my page display width.

[razaro]

Add class container_9 so its look like

<div id="reinsurance_block" class="container_9 clearfix">

and then remove margin left, right from

#reinsurance_block {
margin-top: 00px;
;
border-left: 1px solid #ffffff;
margin-right: -1px;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #dedfe2;
background: #ffffff;
}

[Nick20000]

hi. where do i add the <div id="reinsurance_block" class="container_9 clearfix">  ?

[Nick20000]

hi. it did not work please take a look. it is not in the center.

[Nick20000]

I managed to position it but if you look at both ends there is a bit of white space missing at each end. how to fix this?

[razaro]

Sorry , it was in modules tpl file, and for missing space add padding

#reinsurance_block {
border-bottom: 1px solid #dedfe2;
padding: 10px;
background: #ffffff;
}

[vekia]

just add padding:10px; to #reinsurance_block

[Nick20000]

awesome guys.

 

thank you.

[vekia]

ok i see that it works well

i marked topic title as [solved]

with regards,

Milos