Skin tweak -to make Artisteer site menu have wider elements

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
4/8/2011 1:41:19 PM
cwest
Gravatar
Total Posts 3
View Posts

Skin tweak -to make Artisteer site menu have wider elements

I'm trying to make an adjustment to our (horizontal) site menu - I want to make the elements wider; in fact I want them to take up the whole width of the horizontal navigation div. I'm using skin "artisteer-30verticalmenu2".

I've been looking at the CSS files and using firebug, but I'm having a hard time determining which class I need to tweak. This skin includes pop-out submenus, and eventually I want to widen those as well, but for now I'm just focusing on menu items at the primary level (i.e., the home page and its peers).

Any suggestions?

 

4/11/2011 7:43:54 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: Skin tweak -to make Artisteer site menu have wider elements

The side bar widths are coming from this in the style.css file:

.art-content-layout .art-sidebar1
{
  width: 25%;
}

.art-content-layout .art-sidebar2
{
  width: 25%;
}

so you could probably copy that into style-artisteeroverrides.css and modify the percentage of the width.

Hope it helps,

Joe

 

4/11/2011 7:46:22 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: Skin tweak -to make Artisteer site menu have wider elements

If you don't want side columns then just don't put any content features in the side columns and then the center column would take up all the space available, but the left column will be needed for the vertical menu.

I don't see how or why you would make a side column the same width as the horizontal menu since that would typically expand across the whole width.

Best,

Joe

4/11/2011 8:00:14 AM
cwest
Gravatar
Total Posts 3
View Posts

Re: Skin tweak -to make Artisteer site menu have wider elements

Sorry if I wasn't clear. I'm not talking about the column widths; those are fine. I'm talking about the site menu. I'm working with the actual root-level menu items in the horizontal menu.  I want to increase the padding (left and right) on each menu item, so that they could take up the whole width of the page.

 

4/11/2011 8:09:12 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: Skin tweak -to make Artisteer site menu have wider elements

You could add something like this to your style-artisteer-overrides.css

.art-hmenu a { padding-left:10px; padding-right:10px;}

you'll have to tweak the padding amount to make it as wide as you like according to the text content.

Hope it helps,

Joe

4/11/2011 8:13:10 AM
cwest
Gravatar
Total Posts 3
View Posts

Re: Skin tweak -to make Artisteer site menu have wider elements

That's it! Just what I was looking for. Thanks for the quick response.

You must sign in to post in the forums. This thread is closed to new posts.