1. Home
  2. Community
  3. Troubleshooting and Problems
  4. Changing column layout?

This website can use cookies to improve the user experience

This website can use cookies to improve the user experience and to provide certain services and functions to users. Cookies contain small amounts of information (such as login information and user preferences) and will be stored on your device.

Enable All Cookies Privacy Policy

Changing column layout?

Troubleshooting and Problems 156 This topic was started by ,


avatar
Chris Hall 40
From: -
I open Manage Columns from the Templates section and select a different column layout, but nothing seems to change and when I go back into Manage Columns my original layout is still selected.

How can I change column layout?

Notice

This topic is archived. New comments cannot be posted and votes cannot be cast.

Responses to this topic

1 Re: Changing column layout?
avatar
OP 40
From: -
Thank you!
1 Re: Changing column layout?
avatar
Administrator
1342
From: Austria
I found the problem. You are already using a custom CSS layout while the column feature works only with the styles created with the instant style editor (e.g. in basic or advanced mode)

The following CSS modifications should work with your CSS style:

Find:
.mainpage
{
 margin-top: 5px;
  margin-bottom: 15px;
      margin-left: 205px;
       margin-right: 205px;
}


and replace with:
.mainpage
{
 margin-top: 40px;
 margin-bottom: 15px;
      margin-left: 5px;
 margin-right: 280px;
}


Find:
.colleft
{
      margin-top: 5px;
  margin-bottom: 15px;
      float: left;
      width: 185px;
     padding: 5px;
}
.colright
{
        margin-top: 5px;
  margin-bottom: 15px;
      float: right;
     width: 185px;
     padding: 5px;
}


and replace with:
.colleft
{
 margin-top: 35px;
 margin-bottom: 15px;
      float: left;
      width: 0px;
       padding: 5px;
}
.colright
{
        margin-top: 35px;
 margin-bottom: 15px;
      float: right;
     width: 260px;
     padding: 5px;
}


Change the following in the IE6 CSS section:
.mainpage
{
     margin-top: 15px;
 margin-bottom: 25px;
      margin-left: 200px;
       margin-right: 200px;
}

to:
.mainpage
{
     margin-top: 15px;
 margin-bottom: 25px;
      margin-left: 15px;
        margin-right: 275px;
}


and in the IE7 CSS section:
.mainpage
{
       margin-left: 200px;
       margin-right: 200px;
}

to:
.mainpage
{
     margin-left: 15px;
        margin-right: 275px;
}


Now the important part. You need to set all left blocks you are using to the "Right Block" category. You can do this with Manage Blocks => Edit
1 Re: Changing column layout?
avatar
OP 40
From: -
Info sent.
1 Re: Changing column layout?
avatar
Administrator
1342
From: Austria
I need to look into it. Please create an admin account and send me a PM with the details.
1 Re: Changing column layout?
avatar
OP 40
From: -
Yes.

I currently have a 3 column layout and am trying to change to a 2 column layout with the smaller column on the right side.
1 Re: Changing column layout?
avatar
Administrator
1342
From: Austria
The layout on the main page is also the same?
1 Re: Changing column layout?
avatar
OP 40
From: -
Yes.

I then get this message:
Columns successfully changed

But no change happens and when I go back into Manage Columns my original layout is still selected.
1 Re: Changing column layout?
avatar
Administrator
1342
From: Austria
Did you clicked submit?

Notice

This topic is archived. New comments cannot be posted and votes cannot be cast.