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;
}
Printable View
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 :wink:
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.)
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.
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.
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.