We use cookies to improve our services and provide a better experience. By continuing to use this site, you agree with our Cookies Policy.

Tutorials
More than 400 step-by-step articles to guide you through online project development.
HomeTutorialsCMS TutorialsphpBBOther

How to make prosilver corners round

In this tutorial we will be explaining how to make corners rounded for phpBB prosilver template. Since we are talking about editing style, the only thing we will need to use is CSS. More specifically, we will need to edit CSS style files. As it’s mentioned in the title, this tutorial applies only for prosilver template. Changes for other templates might be slightly different.

  • Let’s begin by opening file “common.css” which is located at “styles/prosilver/theme/common.css”. Then find the following definitions.
1
2
3
4
#wrap {
padding: 0 20px;
min-width: 650px;
}
  • Replace it with the code below.
1
2
3
4
5
6
7
8
#wrap {
padding: 12px 20px;
min-width: 650px;
width: 80%;                    /* This changes the width of your style to a fluid 80%. */
margin: 0 auto;                /* This center aligns your wrap width on the browser page */
background-color: #FFFFFF;     /* Gives the wrap a white background */
border-radius: 6px;    /* The Rounded corners for all modern browsers */
}
  • Apply the changes by saving the file and closing it. Now open another CSS file located at “styles/prosilver/theme/colours.css”. Find the following lines.
1
2
3
4
html, body {
color: #536482;
background-color: #FFFFFF;
}
  • Replace them with the following code.
1
2
3
4
html, body {
color: #536482;
background-color: #747474;
}

Basically it will only change the color which is optional. Now save the file and close it. Re-upload files back to phpBB installation directory. Finally, check the new rounded front page design. This way we may even customize the template according to our needs.

Rate this Tutorial:
No CommentsLeave a Comment

Other (199)

Popular Keywords