Rounded corners on my boxes - part 2

Unfortunatly after following all the instructions below i still have the same problem, when changing the suggested script it makes the pagination wider but still stays at the bottom of the boxes, i need to move it up slightly to cover the bottom of the box!

Russell

As we said before, we really need to work from your website so we are not just guessing.  Plus, another thing about FireBug is you can change the CSS on the fly and it will be applied to the page; so there is no guessing and doing the uploading thing only to find what you changed did not work.

You can PM me the site URL and I will take a look and see what I can determined.  Remember to go into the backend and clear the CSS and also to do a hard reload of your page in your browser since it also caches the CSS.

As a guess, I am thinking the pagination division is sitting under the block division and you are encountering a position problem as well.  I need to be able to examine the actual CSS being applied to your page.  As I said before, I don't care what your site content is about; it will not bother me in the least.

I guess his site url is under the photo on the screenshot in "Meets and events" block. Checking...

These two classes should be like this. I highlighted in bold and red what has been added/modified. It should work.

Many thank, not sure that has solved the problem but what has happened is the background colour has changed to grey which disguises the problem, Please see attached pic!

Thanks

Russell

 That's right, isn't? According to your previous screenshot http://www.boonex.com/forums/?action=download&hash=SAR4JMvJ7e the colors are the same, there was no changes.

It's perfect, many thanks!

Can the solution be added to Help section and including what to change for 7.1+ version?

Hey All, 

Sorry to open a closed thread, but I have a similar problem.  Specifically, in IE 9 i can't get the right corner of the block headers on a 2 column page to have rounded corners.  The left is fine; just not the right.  There are rounded corners on pages with just one column.  here's the css: 

.disignBoxFirst {

background: none;

border: none; 

-moz-border-radius-topleft: 7px; 

-moz-border-radius-topright: 7px;

-webkit-border-top-left-radius: 7px;

-webkit-border-top-right-radius: 7px;

border-top-left-radius: 7px;

border-top-right-radius: 7px;

}

.boxFirstHeader {

background: url("../images/blockheaderbg.png") no-repeat top left; 

height: 33px;

border: none; 

color: #fff;

padding: 0 0 0 55px;

font-family: Arial, Helvetica, sans-serif;

font-size: 16px;

text-transform: uppercase;

font-weight: lighter;

line-height: 2em;

-moz-border-radius-topleft: 7px; 

-moz-border-radius-topright: 7px;

-webkit-border-top-left-radius: 7px;

-webkit-border-top-right-radius: 7px;

border-top-left-radius: 7px;

border-top-right-radius: 7px;

}

OK, it turned out I didn't have the correct meta declaration.  To make it work, see this thread: 

http://stackoverflow.com/questions/5381446/ie9-border-radius

Thank you :), just one more question , how to make the area where there's the splash picture and menu rounded and logo as well .