SixServe - Free No Ads cPanel Web Hosting: CSS F.A.Q (Joomla and Web) - SixServe - Free No Ads cPanel Web Hosting

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

CSS F.A.Q (Joomla and Web)

#1
User is offline   FlightPilot 

  • SixServe Team (Support)
  • Group: Staff
  • Posts: 2,554
  • Joined: 28-December 11
  • LocationSomewhere in the Sky.
Some questions that's usually asked -

1-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 by joomla - 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}
FlightPilot
Si6 Staff
Personal Message (PM) Staff/Admin is not the right way to seek help. Just post it in the Forum and our crew will take care of it.

Posted Image Go Unlimited ! Premium Hosting with Unlimited domains and 99.9% up-time for Just USD $4.99. Grab it!
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users

Squidix Web Hosting