HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


How to locate the CSS for the side menus?

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#105144 (In Topic #20499)
Avatar

Fan in action

How to locate the CSS for the side menus?

I want to edit the CSS for the left side panel menus. I want to add a background image to every clickable menu li. I have used the took in the footer to roll the mouse over the website, and over the menu options on those side panel menus, and a lot of things light up, but looking it over, nothing really clearly suggests where the CSS is to edit. It's below the MENU section, yes, but there are perhaps a hundred or more possibilities. There was one that did mention "background: none" but it implicated many other textual options, not just in the side panel menus. 

Anyone know how to change the background (or add an image, specifically) to menu options on the left side bar?

Back to the top
 
Posted
Rating:
#105146
Avatar

Community saint

Malatesa said

Anyone know how to change the background (or add an image, specifically) to menu options on the left side bar?
  • The easiest, non-destructive way is to use your browsers DevTool.
  • Stick your mouse pointer on the precise spot you want to change, right click and select 'Inspect Element' (might vary with your browser).
  • Change as many entries as you want, scroll the page to see what else it may have affected adversely, and then do it all over again until you get the required result.
  • Make a note of the elements you need to change, then attack it via your Admin page, targeting your custom_menu.

 :thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: