start > Changing Theme Structure

Changing Theme Structure

Created by fredguth. Last edited by yunn, 2 years and 69 days ago. Viewed 5,993 times. #2

[diff] [history] [edit] [rdf]

labels

Parent:

FAQ

attachments

1.png (47400)

To change your theme structure you must change the .../page.css Snip.

The basic styles in this file are:

Example: Changing the page-portlet-1 from right to left

Open your currently used themes page.css Snip.

#page-content {
  float: left;
  margin-top: 10px;
  margin-left: 5px;
  height: auto;
  width: 55%;
  max-width: 55%;
}#page-portlet-1 {
   background-color: white;
  float: right;
  width: 23%;
	border: 1px dashed #999999;
	line-height: 14px;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-right: 10px;
  overflow: hidden;
}

Now, change the float positions of #page-content and #page-portlet-1.

#page-content {
  float: right;
  margin-top: 10px;
  margin-left: 5px;
  height: auto;
  width: 55%;
  max-width: 55%;
}#page-portlet-1 {
   background-color: white;
  float: left;
  width: 23%;
	border: 1px dashed #999999;
	line-height: 14px;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-right: 10px;
  overflow: hidden;
}

Possibly clean your cache and reload the page.

7 comments (by koert, rhensle, clone45, leo, jcwinnie) | post comment

see also:
Theme Tutorial	snipsnap-search	SnipSnap Theme	HOW-TO
snipsnap-index	Creating a new Theme	Java Blog Tool	Apache as Proxy
CSS	Source Code Formatter ...	comment-Images-6	snipsnap-changed
Radeox RenderEngine Tu...	SnipSnap RenderEngine ...	Theme layout	comment-serry-1
version-0.4.2a	alternate snip content	Contributed component	Kumpulan Data

Sun	Mon	Tue	Wed	Thu	Fri	Sat
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30	31