Hello,

I am still pretty new to modding themes for drupal, but have a fair amount of css experience. What is the best way to change the width of columns in Marinelli?

Great theme by the way! Thanks for sharing with everyone.

-Syphon7

CommentFileSizeAuthor
#6 1.png2.15 KBAbhinaw
#6 2.png2.04 KBAbhinaw
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

syphon7’s picture

I was able to solve this problem. If you go into layout.css you have to add

#sidebar-first
{
width:20%; (or whatever you are aiming for)
}

pauljohn32’s picture

Thanks for the pointer. I notice that the other sidebar is separately adjustable.

#sidebar-first
{
width: 15%;
}

#sidebar-second
{
width: 5%;
}

hotpowerz’s picture

I can resize the side bar. However, the main content column doesn't enlarge automatically. It makes a big blank gap between side bar and content.

Please help.

xiaomo’s picture

I have the same problem, looking for answer

shruti.sheth’s picture

Hello,
One of the ways for removing the big blank gap between side bar and content can be as follows,
1. Create a new custom css file named 'marinelli.css' in your sites/all/themes/custom/yourtheme/css/
Add the following code in your marinelli.info

stylesheets[all][] = css/marinelli.css

2. Add the following code in your marinelli.css file

#siteContent {
  width: 684px;
}

#sidebarWrapper {
  width: 264px;
  margin: 0 40px 0 0;
}

#sidebar-first, #sidebar-second {
  float: left;
  margin: 0;
  width: 122px;
  margin: 0 10px 0 0;
}

Please Note: The width and margin for sidebar-first, sidebar-second, sidebarWrapper and siteContent can be changed according to the requirements.

Hope this helps!

Regards,
Shruti Sheth

Abhinaw’s picture

Issue summary: View changes
FileSize
2.04 KB
2.15 KB

hii
I am using bootstrap theme https://www.drupal.org/project/bootstrap
in this theme i have created left sidebar for different role.
while we open site role as anonymous user its width is perfect.
As we login as authenticated use the side bar menu width is increase how to customize width please help

Thanks

BhumikaVarshney’s picture

The best way to change the width of columns in Marinelli is to give the width in percentage for the grid instead of pixels.
.container_12 .grid_1 {
width: 10%;
}
So as the grid number increases the percentage of the columns also increases.

BhumikaVarshney’s picture

Status: Active » Reviewed & tested by the community
gaurav.kapoor’s picture

Status: Reviewed & tested by the community » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.