Customizing template problem

[tragosina]

I had originally an earthy-boutique template base with addon css dropdown menu.

Now I have few problems about changing things and I really have tryied to change everything but can´t found the correct place to change



In my home page http://www.tragosina. com/index.php?main_page=index

I would like to change the rounding margins to be smaller at left and right side.

Then if you scroll down you can see that the text doesn´t fit inside the white area. Where to change this?

Also I would like to change the white color to some other and I have searched in my css stylesheet all the places with white color and changed it but nothing happens.

Then if you go to page http://www.tragosina. com/index.php?main_page=index&cPath=1_17

You can see there page numbers 1 and 2 in blue and black(next page) at the top and the bottom.

Where do I change the position of this thing so that it would be inside the white products area.

Then where you see the price numbers and add to cart 1 box, how do I move them to be more left side or in the center of the botton add to cart (lisää ostoskoriin).

I have attached my main css stylesheet so maybe it´s easier to find out what I have to do.

[tony_sar]

the width of your site is set to 960px. your left side box column is set to 250px. thus your main area of your site is 710px - added margins and padding . and yet your slider is to 720px causing it to push content out of the main area. try to reduce your slider to 650px .


now , open your stylesheet.css and look for following

#productsListingListingBottomLinks {
font-size: 0.8125em;
font-weight: bold;
padding: 18px 0 0;
width: 780px;

}

Remove width from this rule set . do the same thing for

#productsListingListingTopLinks { }

remove the width from this rule set as well.
this should move pagination ( numbers ) into white area.

[tragosina]

Wow, thank you! That worked great.


Now only where do I change the background color? And the place of the price numbers?

[tragosina]

I found the alignment using FireBug, but can´t find where to change the background white color.

[stevesh]

You could add something like this:

#indexDefaultMainContent {background-color: #ff0000;}

I would also consider removing the <code> tags you have that text wrapped in. It'll look a lot better in the arial font.

[tragosina]

You could add something like this:

#indexDefaultMainContent {background-color: #ff0000;}


I would also consider removing the <code> tags you have that text wrapped in. It'll look a lot better in the arial font.

I have tryied changingn the color but it doesn´t change anything. Maybe I have placed it in the wrong place?
I added it in the bodypart where all the other #indexproduct are.

And I took out the codes :) So much to do still...

[stevesh]

Add it to the bottom of stylesheet.css.

[tragosina]

Add it to the bottom of stylesheet.css.

No, doesn´t work...
But maybe I´ll just leave it white

Thanks for your help!!

[tragosina]

OMG! I found it :)

I had to add the color name to line 65
#contentMainWrapper{padding:5px 15px 10px 5px; background-color: #F5DEB3;}


But it looks better on white, so I will leave it so.