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


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

How to remove / add the rounded corners to the info boxes on the left or right columns?

Cloud Servers 727 × 90

The rounded corners to the information boxes on the left or right columns can be removed or added quite easily by modifying specific file which is named according to the information box. Such files are located in “includes/boxes” directory.

Follow these steps to add or remove rounded corners to info boxes

Start with opening selected file and look for the line that specifies corner type and edit it for your needs. Here we will provide a few examples that we may use for rounded corners.

To remove rounded corners use the following line.

new infoBoxHeading($info_box_contents, false, false);

The first “false” value means the left column will be not rounded while the right one will be rounded. This way we can adjust each of the column and set it to be rounded or not.

Set right corner rounded and leave left one not rounded.

new infoBoxHeading($info_box_contents, false, true);

Next, make the left one rounded and leave right one not rounded.

new infoBoxHeading($info_box_contents, true, false);

Finally, set both corners rounded.

new infoBoxHeading($info_box_contents, true, true);

This is how easy we can set each of the corners rounded or not. Once done with editing the file, save it to apply the changes and the corners for the information boxes should be changed accordingly.

Rate this Tutorial:
No Comments Leave a Comment
Leave a Comment

Cloud Servers 1 230×230

Other (192)

Popular Keywords

Web Banner 1 230×230