Mystic River Template Support Thread

[clydejones]

Hi, I've been working with this great template for a while now and got around it pretty well, but there's one thing that I just cannot seem to be able to do with it

I'm trying to make it 100% width so that the header, the footer and the containers of the sideboxes reach the sides of the browser, but I just can't seem to find where to make the modifications

I tought "100% fluid" meant it would be easy

Thanx for the help and keep on the good work

-Steph.

open includes/templates/mystic/css/stylesheet.css

Find the following declaration and change the highlighted portion as indicated

#mainWrapper {
margin:0;
background:#F8CCED;
color:#000;
text-align:left;
width:100%;
vertical-align:top;
}

[stephmatte]

Many thanx !

I've got a last one for you : I would like to have the footer (where the credits are) to be flush at the bottom of the browser without any background visible.

I'm sure you know that one by heart

Thanx, it's appreciated,

-Steph.

[clydejones]

Many thanx !

I've got a last one for you : I would like to have the footer (where the credits are) to be flush at the bottom of the browser without any background visible.

I'm sure you know that one by heart

Thanx, it's appreciated,

-Steph.

Since the side columns and the center column are dynamic they will only expand to hold the content that is in them.

If you only have enough content to fill just half that area then the footer will display at the bottom of that content and will leave the background visible.

If you do a search for footer in the forum (there may be some threads that might help you out.)

[Tagyourbaby]

Hi

Fab template i love it but on your website you have boxes on the front with pics and also wording in them how do you do that on the main page?

And how do i fix my review images to fit in the review box? Aswell as the image for sponsors.

if you need a link its www.tagyourbaby.co.nz

Thanks

[clydejones]

Hi

Fab template i love it but on your website you have boxes on the front with pics and also wording in them how do you do that on the main page?

And how do i fix my review images to fit in the review box? Aswell as the image for sponsors.

if you need a link its www.tagyourbaby.co.nz

Thanks

For the first Part:

That is a customized define_main_page.php file which is found in
includes/languages/english/html_includes/mystic/define_main_page.php

The boxes are div statements that are styled in a custom page stylesheet.

The images were created in a graphics program.

As for the second part.

I'll have to check the stylesheet.css and see where the problem may be.

[clydejones]

For the first Part:

That is a customized define_main_page.php file which is found in
includes/languages/english/html_includes/mystic/define_main_page.php

The boxes are div statements that are styled in a custom page stylesheet.

The images were created in a graphics program.

As for the second part.

I'll have to check the stylesheet.css and see where the problem may be.

open admin -> configuration -> layout settings

Column Width - Left 160px
Column Width - Right 160px

make sure these are set as indicated

[Tagyourbaby]

Yep they are set at that i followed all the instructions but they havent changed in the boxes.

[clydejones]

Yep they are set at that i followed all the instructions but they havent changed in the boxes.

This may sound more complicated than it really is.

The sideboxes are set at 150px wide - inside that width you have to include the right and left padding. (padding:5px 0 8px 8px;)

You have 8px of padding on the left side of the box and 0 on the right.

What happens is that whatever is placed in the box will be pushed to the left by that 8px amount.

in addition the image in the sponsor box is 150px wide (the width of the sidebox without padding. So with the padding added the image is being pushed out of the box by that 8px amount.

You could try reducing the padding (this will affect ALL of the sideboxes) or you could try to resize the image to around 140px.

Or the simplest option:

open includes/templates/mystic/css/stylesheet.css

scroll all the way to the bottom and add the following declaration:

#bannerboxallContent, #reviewsContent {
padding:5px 0 8px 0;
}

after making the edit save the file and upload to your server.

[dlaitila]

How can I remove the space above the header wrapper and logo? I want everything to go right to very top with 0 pixel margins. I'm using Mystic River Template on 1.3.8.

[clydejones]

How can I remove the space above the header wrapper and logo? I want everything to go right to very top with 0 pixel margins. I'm using Mystic River Template on 1.3.8.

Since you didn't provide a URL for your site, I'll guess that you need to open includes/templates/mystic/css/stylesheet.css

find the following section and set the margin declaration to 0 (delete the highlighted portion


body {
margin:5px 0;
padding:0;
background:#F8CCED;
color:#000;
font:normal 62.5%/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

save the edited file and upload to your server.