Here are 2 codes that I have found(and use) for changing the column layout on the home page:
1.This code is for making the layout of the home page columns change from the default layout to: Wide column.. Left Narrow...Right Narrow
The Left column will move to the other side of the wide column. Copy this code into the Advanced Option on the Appearance Page.

#homelayout div.col {
float:right; }
.xg_widget_main_index
.xg_3col .xg_1col {
float:right;
margin-left:0;
}
#homelayout div.col2 {
float:left;
margin-left:0;
}
#homelayout div.col1 {
margin-right:115px;
margin-left:-230px;
}
*html#homelayout div.col1 {
margin-right:0;
}


2.This code is for making the home page column layout to: Wide column...Right column
please make sure that you move everything from the left column to either the wide colum or to the right column; as the information in the left column will disappear from the home page (it will still be shown in the Features Page, but in the remove box). (also: some have reported problems with this layout..so far I haven't)

.xg_widget_main_index_index .xg_3col .xg_1col {
display:none;
}
.xg_widget_main_index_index .xg_3col .xg_2col {
width:747px;
margin-left:0;
padding:0;
}
.xg_widget_main_index_index .xg_3col .xg_2col img {
max-width:737px;
_width:expression(this.width > 737 ? 737: true);
}
.xg_widget_main_index_index .xg_3col .xg_2col .xg_reset img {
max-width:721px;
_width:expression(this.width > 721 ? 721: true);
}

Hope this helps you!

Views: 166

Replies to This Discussion

Excellent tip, too. This one I hadn't added due to possible confusion and complications. I think you've given the proper "approach with caution." ;-)
Thanks!
Jen
My site looks "new" and "different" :D
Thanks a lot!
but how do you make a text box in this new wider column grow to the new size? My text boxes still have the same width as from before I took away the left column?
ok..is there a way to make the videos, members and photo players wide? so that they can fit the wide column nicely? because now they occupy only 0.8 of the wide column, and it doesnt look nice. :(
Here you go....will send it in a message too, but posted here for others who need it :D

.module_photo{
width:200px;
}
.music{
width:200px;
}
.module_video{
width:200px;
}


I set them each at 200px just to make the code, but you will need to change that to whatever size you need.

esvareeDOTcom said:
ok..is there a way to make the videos, members and photo players wide? so that they can fit the wide column nicely? because now they occupy only 0.8 of the wide column, and it doesnt look nice. :(
ok...i tried the code out.. and only the .music works, the rest it only increases the boarder of the module. i dont want to increase the boarder, but i want those thumbnails inside the boarder to fit in nicely without leaving space, just like the original middle column. lol, i dont know if i make any sense, but i hope you get me :-)

Rainbow Construction said:
Here you go....will send it in a message too, but posted here for others who need it :D

.module_photo{
width:200px;
}
.music{
width:200px;
}
.module_video{
width:200px;
}


I set them each at 200px just to make the code, but you will need to change that to whatever size you need.

esvareeDOTcom said:
ok..is there a way to make the videos, members and photo players wide? so that they can fit the wide column nicely? because now they occupy only 0.8 of the wide column, and it doesnt look nice. :(
.clist { display:inline; }

esvareeDOTcom said:
ok..is there a way to make the videos, members and photo players wide? so that they can fit the wide column nicely? because now they occupy only 0.8 of the wide column, and it doesnt look nice. :(

This works for photo player ONLY as far as I know BUT it works just beautifully with photo player. Adjust to your preference if needed :)

 

.module_photo {
  width: 735px;
  float: center;
}

embed.xg_slideshow {
 width : 733px !important;
 height: 443px !important;
}

 

You can see a live example of this on my network:

http://Starseeds.Net

RSS

Members

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips