Indexhibit
Index + Exhibit

Login:

Created by
Daniel Eatock
Jeffery Vaska
And You

Indexhibit was updated to version 2.1.4 on April 10, 2017.

Styling Menu in a single exhibit.

 

Indexhibit version: Legacy
Thread is not resolved.

jesshami
UNITED STATES
8 year(s) ago
Permalink Post

Hi,

I'm trying to edit the styling of my menu for a single exhibit within a section. I've seen the other posts that single out the sections, but I can't figure out how to grab just one exhibit.

This is the site and I want to make the menu background black on the "clients" exhibit without affecting everything else in the about section.

Any help would be much appreciated. Thanks!

Vaska A
UNITED STATES
8 year(s) ago
Permalink Post

We've posted this solution around here a few times before...I'm trying to remember exactly...but you might give a search on this if it doesn't work.

  1. body#section_id_1 #menu { backgound: #000; }

Something like that...

jesshami
UNITED STATES
8 year(s) ago
Permalink Post

Sorry that's what I was trying to say. I've seen those posts and implemented that styling. But that styles everything within the section.

I'm trying to style one individual exhibit,not the whole section. (only "clients" not "contact" and "profile")

Vaska A
UNITED STATES
8 year(s) ago
Permalink Post

Ah yeah...I posted that somewhere too (or, I should say, somebody posted that - I don't know if it was me)...you need to add a little markup to the template to get the body#id more specific (with the page id).

I'd try to find...but I'm really too sleepy right now...can only point to things.

;)

jesshami
UNITED STATES
8 year(s) ago
Permalink Post

Cool thanks I'll keep searching too, wasn't having much luck before but knowing its out there somewhere helps.

jesshami
UNITED STATES
8 year(s) ago
Permalink Post

I couldn't find the past posts, but I did figure out how to do it. If anyone is curious change the index to:

  1. <body id='section_id_<%title%>'>

and then the css can be

  1. body#section_id_Profile #menu {background-color:#00ffcc; }

...or whatever just plug the name of the exhibit you are trying to target where it says "profile".

Vaska A
UNITED STATES
8 year(s) ago
Permalink Post

Bingo...I'll add this thread to the Useful Threads stuff...

pilunique
SWITZERLAND
8 year(s) ago
Permalink Post

I would like to change only the font colour my home (main) site... unfortunately I don't get it... can you help me?
where exactly do I have to change the index?
and where and what exactly do I have to write into the css?

Thank you!

a very grateful "dummy" :-)

myWebpage

bin
NETHERLANDS
8 year(s) ago
Permalink Post

hi pilunique, how did you mange to link your sectin title directly to pages? I posted this questions in different threads, but haven't got any solutions yet.

what i meant is for example, when you click "home", or "agenda", it links to your content page directly, not via a sub-menu. What did you do get this link working? thanks.

Bin

arsondpi
GREECE
8 year(s) ago
Permalink Post

Please do not double post things. Read the forum rules. Thanks.

pilunique
SWITZERLAND
8 year(s) ago
Permalink Post

via preferences I just switched off the "display section titel". so what you see is only a single exhibit. not very elegant. but it works.

I would like to have this effect with a drop down menue. but I don't now how that works...
anybody out there who knows how???

bin
NETHERLANDS
8 year(s) ago
Permalink Post

thanks pilunique, it's fixed now :)

I am not sure if it works with drop down menu, but i had same problem with expand menu, and it's fixed by the suggestion from Aarsondi, see thisthread
is that what you meant?

wessmanner
UNITED STATES
7 year(s) ago
Permalink Post

Hi, I am also trying to change the menu background color for my specific exhibits. I did as said above:
1.

and then the css can be

1. body#section_id_Profile #menu {background-color:#00ffcc; }

however this doesn't seem to work for exhibitions that have multi-word titles. Any help?

Thanks!

wessmanner
UNITED STATES
7 year(s) ago
Permalink Post

Vaska? Anyone?

lemathieu A
FRANCE
7 year(s) ago
Permalink Post

And your site is ?
Forum rules please…

wessmanner
UNITED STATES
7 year(s) ago
Permalink Post

oh i'm sorry. my site is www.ericawessmann.com

wessmanner
UNITED STATES
7 year(s) ago
Permalink Post

help would be great.
i can get it to work for exhibits with only single word titles

arsondpi
GREECE
7 year(s) ago
Permalink Post

...not sure what you mean. It works fine from my end...

wessmanner
UNITED STATES
7 year(s) ago
Permalink Post

Oh. So basically I am trying to get it so when you go to a specific section the background color of the menu on the left will change.
I think when you just looked I had it on a theme where it kind of worked (the color changed for the Section, rather than the exhibit).
I just changed the theme to what I have been trying out.
In the exhibit 'nickname' the menu color changes,

(I wrote in my style sheet:)

body#section_id_NickName #menu {background-color:#00ffcc; }

(and in my css:)

but I can get it to work for other exhibits with multiple word titles.

Here's the link again:
www.ericawessmann.com

arsondpi
GREECE
7 year(s) ago
Permalink Post

...so you want the menu to change colour when the cursor hover over it (a different colour for each exhibit)?

wessmanner
UNITED STATES
7 year(s) ago
Permalink Post

No when you are in the exhibit.
I want to be able to define the menu color specifically for each exhibit.
I have basically figured it out accept for the hurdle of exhibits which have multiple-word titles

arsondpi
GREECE
7 year(s) ago
Permalink Post

Oh... Now I understand.

Then I suggest you replace the opening body tag of your index.php, with

  1. <body class='page_style_<%id%>'>

This will translate to

  1. <body class='page_style_XX'>

where XX is the id number of your exhibit in your database.
To find this number click an exhibit, view the source code of the page and check the number in the body tag.
Then add in your style.css

  1. .page_style_XX #menu { background-color: red; }

For example to get the menu in your main/home page red add in your css:

  1. .page_style_1 #menu { background-color: red; }

wessmanner
UNITED STATES
7 year(s) ago
Permalink Post

Wow! you got it! this is perfect and exactly what I have been trying to do. Thank you.

For anyone who is trying to style menu color specific to an exhibit, use this thread. It's perfect

christophercain
NEW ZEALAND
7 year(s) ago
Permalink Post

Many thanks for the run down, works perfectly

hrvojeb
CROATIA
7 year(s) ago
Permalink Post

What if I absolutely positioned two images which I want to be visible only on homepage?

See it here: mirelab.com

  1. In index I put this code:
  2. <body class='page_style_<%id%>'>
  3. <div id='andjeo'><img src='http://www.mirelab.com/andjeo.png'></div>
  4. <div id='lesh'><img src='http://www.mirelab.com/lesh.png'></div>
  1. and in CSS this code:
  2. #andjeo {
  3.     text-align: right;
  4. }
  5. #lesh {
  6.     text-align: right;
  7.     position: absolute; 
  8.     bottom: 0px; 
  9.     right: 0px;
  10.     z-index: 1;
  11. }
  12. .page_style_XX #andjeo {visibility: hidden; }
  13. .page_style_XX #lesh {visibility: hidden; }
  14. .page_style_1 #andjeo {visibility: visible; }
  15. .page_style_1 #lesh {visibility: visible; }

It is not working, meaning images are always visible.

hrvojeb
CROATIA
7 year(s) ago
Permalink Post

Of course, I'd appreciate any help I can get.
Thanks.

hrvojeb
CROATIA
7 year(s) ago
Permalink Post

Of course, I'd appreciate any help I can get.
Thanks.

hrvojeb
CROATIA
7 year(s) ago
Permalink Post

Of course, I'd appreciate any help I can get.
Thanks.

hrvojeb
CROATIA
7 year(s) ago
Permalink Post

Oh, sorry for this. Got some strange behavior from my browser.

Vaska A
UNITED STATES
7 year(s) ago
Permalink Post

hrvojeb...

i wonder if it would be better to post a new thread for this? and, link to some images or pages that can illustrate what you want to do exactly? i don't quite understand...

;)

hrvojeb
CROATIA
7 year(s) ago
Permalink Post

OK. I will.

Teodorik
CZECH REPUBLIC
6 year(s) ago
Permalink Post
  1. Hello,
  2. I dont know if it good but I discovered if I write 
  3. <body class='section-<%section_id%> section_id_<%title%>'>
  4. I can use both of them (styling section with styling a page separately).. 
  5. very useful for me.. what do you think? I dont know if some one wrote this before .) 
Teodorik
CZECH REPUBLIC
6 year(s) ago
Permalink Post

Sorry for code post!

Showing 1 - 33 of 33 posts in Forum » Customize » Styling Menu in a single exhibit.
 

This thread has been closed, thank you.