Change CSS for the Header Top Right Container

Please follow the steps below to change the CSS of the Header Top Right Container:

1.   Open the “main-responsive.css” file using Notepad. The file is located in “templates/default/css.”

2.   Locate the code below:

.toprightsection {

            margin-bottom: 5px;

}

Directly update the CSS inside the .toprightsection { } to reflect your own box style. You need to be familiar with CSS in order to update this.

For more information about CSS, please refer to:

http://www.w3schools.com/Css/default.asp

For example, if you wish to change the color of the text inside the box to red, then please update the CSS similar to the codes shown below:

.toprightsection {

            margin-bottom: 5px;

            color:#FF0000;

}

3.   Save the file and upload to the “templates/default/css” folder.

Preview before the changes:

After changes:

NOTE: The preview shown above is just an example of how to change the text color in the box. You can, of course, change any of the CSS codes inside the .toprightsection { }  to create your own style.