Expanding menu fonts

oneintwo / 2010-09-02 09:15:49   

Hey,

i need to know if in expanding menu i can use different fonts for the title of the menu and submenu... I've test a few things but nothing is working the changes goes to both menu and submenu. oneintwo.gr

rickykappa / 2010-09-02 09:27:01   

yes you can.
i.e. in my style.css I target
#menu ul li.section-title { ... }
in a different way than
#menu li { ... }

oneintwo / 2010-09-02 09:33:00   

But when i change the #menu ul li.section-title { ... }
font automatically the font goes to submenus....

oneintwo / 2010-09-02 09:46:37   

sorry the above is wrong!!!!^^^^

when i change #menu ul li { } everything changes

in #menu ul li.section-title { ... } nothing gets customized.......

rickykappa / 2010-09-02 11:11:12   

well, it definitely can be done in many ways, my example works for me... (btw: is slightly different from yours)
did you refresh your page after changes?
it's only a matter to try it again 'till you find your way...
also remember that the last css rules will override the corresponding previous ones.

oneintwo / 2010-09-02 11:28:59   

no kidding i have tried them all but nothing..of course i have refreshed my page...

this is my code:

#menu ul {..code..}

#menu ul ...code..

#menu ul li { line-height: 13px; margin-bottom: 10px; font-family:Georgia; font-size: 15px; font-style: italic; color: #000; }

#menu ul li.section-title { line-height: 27px; margin-bottom: 6px; }

what's wrong????

arsondpi / 2010-09-02 14:53:04   

καλησπέρα...

try a different browser - I see things as you've set them...

But if you mean using helvetica in the subcategories then you have to redefine this

  1.  #menu ul li { line-height: 13px; margin-bottom: 10px; font-family:Georgia; font-size: 15px; font-style: italic; color: #000; } 
  2. #menu ul li.section-title { line-height: 27px; margin-bottom: 6px; font-family: Helvetica, sans serif; font-size: 12px; font-style: normal; color: red; }

Becareful though it's going to apply for all your li items..

ohlers / 2010-12-29 09:59:03   

I hope this is not repeating the question:

How to make different styling to section-title / sub-title?

fx. I have in this thread learned how to make the section-title bold:
#menu ul li.section-title {font-weight: bold; }

BUT - when trying to make the sub-title italic, I cant find it..

I did a lot of experiments with font, style, padding,etc.
fx. adding a new line in the style.css, like one of these:

#menu ul li {font-style:italic;}
#menu ul {font-style:italic;}
#menu li {font-style:italic;}

They all have the same effect on both section-title and the sub-title...

I also tried to experiment with the
a:link { text-decoration: none; font-style:italic;}
a:active { text-decoration: none; font-style:italic;}
a:visited { text-decoration: none; color: #666; font-style:italic;}
a:hover { text-decoration: underline; font-style:italic; }

but offcourse, then all my links everywhere is italic :-)

I also earlier tried to put "italic" tags in the exhibition name field in indexhibit admin: title - but ofcourse i got the same result as this guy:
http://www.indexhibit.org/forum/thread/538/#post_2762
(Did Vasca really solve this idea, he came up with, back then in 2007?)

anyway, It might be right in front of me, but you know, this is baby-steps where im sitting... (calm... breathe now...!!!)
Is there a .name for the sub-menu one could use? like
#menu ul li.sub-title {font-style:italic;}

this is the website im working on, and where i would like the italic-styled sub-title: www.leamaria.dk
(my daughters christmas gift :-) my own is www.ohlers.com)

Could someone please help with this little detail? thanks !
- and thanks again for indexhibit and the supporters too. :-)
Happy New Year!!

Hans Henrik

ohlers / 2010-12-29 10:14:30   

holy crap... after three days of grinding through god knows what, and reading this thread over and over again... i finally got it:

one is supposed to FIRST change the style in ALL the menues: #menu li {...}
(which is targeting everything in lists, right?)
and THEN reverse the style back again to normal, ONLY in the section-titles:
#menu ul li.section-title{...}

like this:

#menu li {font-style: italic;}

#menu ul li.section-title {font-style:normal; font-weight: bold; }

phew, so simple, and yes, right in front of me :-)

thanks again anyway, an happy new year :-)

iriafernandez / 2013-06-22 16:01:13   

Hi! Im trying to do exactly that but its not working, its possible i have to change that somewhere else, can you help me??

Thats my actual one

/* styling the index */
#index ul li { line-height: 20px; margin-bottom: 15px; font-family: Garamond; font-size: 12px; font-style: italic; }
#index ul li.section-title { line-height: 27px; margin-bottom: 6px; font-family: Georgia; font-size: 24px; font-style:normal; font-weight: bold; }
#index ul.subsection { }

help please!

arsondpi / 2013-06-22 16:48:05   

This is a two year old thread and refers to the Legacy version of Indexhibit.
What is your url address?

iriafernandez / 2013-06-22 16:51:52   

yuichikimura.com

So what can I do? Thanks so much

This thread has been closed, thank you.