[solved] Question about some basic CSS

[thestratocaster]

Hello,

 

My apologies, I really am new to this Presta Shop thing as well as CSS Coding.

 

I am trying to make the text below look more natural and take up the space to the right of it. See screenshot attached.

 

 

I realise it is probably just some simple CSS code, But I really cant find it anywhere on how to do this. Or is this a built in Column in Presta Shop?

 

The code for the 'block' is the following:

 

<div class="block-end-footer">
<div class="block-end-footer-small">
<div class="end-footer block-end-footer1">
<h3>WHO WE ARE</h3>
<ul>
<li><a href="http://www.tablelandparts.com.au/shop/index.php?id_cms=4&controller=cms">About</a></li>
<li><a href="http://www.tablelandparts.com.au/shop/cms.php?id_cms=6">Return Policy</a></li>
<li><a href="./cms.php?id_cms=2">Terms & Conditions</a></li>
</ul>
</div>
<div class="end-footer block-end-footer2">
<h3>WHAT WE DO</h3>
<div class="end-footer-small">
<ul>
<li>Tableland Parts Specialists is Australias Number One site for High Performance Automotive and Agricultural spare parts. Because we have access to a wide range of suppliers, we are able to source just about anything and will endeavour to find that hard to get part for you.</li>
</ul>
<p> </p>
<p> </p>
<p> </p>
</div>
<div class="end-footer-small"> </div>
</div>
<div class="end-footer block-end-footer3">
<h3>AUSTRALIAN MUSCLE CAR MAGAZINE</h3>
<div class="content-block-footer"><img src="http://www.tablelandparts.com.au/shop/img/cms/Australian-Muscle-Car-Magazine-68-L.jpg" alt="" width="100" height="132" />
<p>Our favourite magazine, latest issue out now!</p>
<a href="http://www.musclecarmag.com.au">Sign me up for the Magazine</a></div>
<div class="payment_method">
<h3 class="payment">PAYMENTs ACCEPTED</h3>
<p><a title="mastercard" href="./cms.php?id_cms=5"><img title="mastercard" src="http://www.tablelandparts.com.au/shop/themes/autobur/img/cms/mastercard.png" alt="" width="29" height="17" /></a> <a title="americanexpress" href="./cms.php?id_cms=5"><img title="americanexpress" src="http://www.tablelandparts.com.au/shop/themes/autobur/img/cms/card1.png" alt="" width="16" height="17" /> </a><a title="visa" href="./cms.php?id_cms=5"><img class="visa" title="visa" src="http://www.tablelandparts.com.au/shop/themes/autobur/img/cms/visa.png" alt="" width="36" height="12" /> </a><img class="paypal" title="paypal" src="http://www.tablelandparts.com.au/shop/themes/autobur/img/cms/paypal.png" alt="" width="55" height="15" /></p>
</div>
</div>
</div>
</div>

 

Thank-you for any help you can offer

 

Kim

[PSfever.com]

Hi,

 

this seems like a custom module, based on the html code.

Try opening (I guess) global.css and at the last line, add this .end-footer block-end-footer2 {width:100%}

The best would be to give us your URL, so I can check it on your website and give you more precise answer.

[vekia]

thats right url to your website will be really helpfull in this case

[Martin Uker K]

Remove the following line

 

width:105px;

 

in global.css (shop/themes/autobur/css/global.css) around line number 1601.

 

Good luck with that.

 

Martin

[vekia]

Remove the following line

 

width:105px;

 

in global.css (shop/themes/autobur/css/global.css) around line number 1601.

 

Good luck with that.

 

Martin

 

maybe he have got different sources so please enter .class name or #object id from where is necessary to remove the width value you mentioned above

[thestratocaster]

Hi all,

 

Thanks so much for the help. As requested my URL to site is tablelandparts.com.au

 

Thanks again

 

Kim

[vekia]

Martin Uker K has got right,

.end-footer-small {
float: left;
width: 105px;
margin-right: 45px;
}

 

remove the width:105px; from 1601 line in the global.css file

 

effect:

[Martin Uker K]

Sorry, didn'T see Vekia post right before mine. I googled the company name and found the website. I would have posted it if I knew.

[PSfever.com]

Martin Uker had it right, remove the width:105px on the 1601ish line and refresh the page.

[thestratocaster]

Much appreciated thank you all for your help. .

[vekia]

you're welcome

 

if you've got any questions related to the modification discussed here - feel free to ask

 

now i can mark this thread as [solved]

 

regards