Change the background colour for each menu item

txt2nitetxt2nite Registered Users Posts: 39 Big grins
Hello

I'm brand new here, I just searched through the forums and couldn't find an answer so thought I'd post my question here. I'm using smug mug to create a shop for my work.

I'm just building the page and currently using the Osiris Theme. The page can be found at 'tubemapper dot smugmug', the pictures arent viewable but that's not necessary for this. I have a page with an accordion menu on the left hand side of the page. I want to change the background colour of each menu item.

For clarification I photograph the metro, and each link represents a different metro line. To get an idea of what I'm trying to create you can view my main website at tubemapper dot com and Hover over 'photos by tube line', this is what I want to permanently create on the left hand side :-)

Using the firefox's inspector, I can identify different ids and change the background colour in that browser window. However when I publish this doesn't work. This is an example of the code I was using.

.yui_3_8_0_1_1527806873869_105 {
background-color: #DC231F !important;
}

but this doesn't work when I publish. Can anyone help.


Thanks for any help or guidance

Sorry if I'm making an obvious mistake

regards

Luke
Tagged:

Comments

Sign In or Register to comment.