Frequently asked questions

We have encountered many different requests and questions through the years. In this page we will post the most frequently asked questions that will require changes in the CSS file of a website.

  • Question: How to change the width of my Joomla 1.5 website?
  • Answer: To change the width of your website you should first check which class in the CSS file defines the width of your page. To do that, you have to see the HTML output of your website. With Firefox you can do that by clicking on the View -> Page Source menu and in Internet Explorer, from the View -> Source menu. Let's take a look at one of the free templates SiteGround provides - Aqua Blue. To change the overall width, you will need to modify the class for the outermost element. From the HTML output of the page, you can see that you should modify the style of a <div> element of class "wrapper". In the css/template.css file of the template you will find the following lines (since the file is quite big, it is a good idea to use the search function of your text editor): div#wrapper { margin-left: auto; margin-right: auto; width:980px; } As you can see, you should change the value of the width property of the "wrapper" class. By modifying this value you will be able to change the width of your site.

  • Question: How to add a border to my Joomla 1.5 website?
  • Answer: You should bear in mind that different templates have different set of CSS classes. Even the .css files may vary. By viewing the HTML output of your website, however, you can easily see which class you should edit in order to make the desired change. In our example - the Aqua Blue template, we should add the following line to the div#wrapper class: border: 1px solid #000000; This will add a 1 pixel wide black border to your website. You can use different colors for it or to frame different parts of your website using the border property.

  • Question: How to change the background color of my website?
  • Answer:To change the background color of your website, you can search for the "background-color" property for the appropriate CSS class. Then you can modify its value to the desired color. If the background color is not set yet, you can add the following line to your CSS file: body {background-color: silver} You can change "silver" to the HTML code of the desired color. For additional information on that matter, you can check these tutorials.

You can always submit new questions using the "Feedback" button at the top of this page.