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
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
yes you can.
i.e. in my style.css I target
#menu ul li.section-title { ... }
in a different way than
#menu li { ... }
But when i change the #menu ul li.section-title { ... }
font automatically the font goes to submenus....
sorry the above is wrong!!!!^^^^
when i change #menu ul li { } everything changes
in #menu ul li.section-title { ... } nothing gets customized.......
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.
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????
καλησπέρα...
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
#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; 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..
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
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 :-)
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!
This is a two year old thread and refers to the Legacy version of Indexhibit.
What is your url address?
So what can I do? Thanks so much
This thread has been closed, thank you.