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.


Background Color

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#32937 (In Topic #7444)
Joe
Avatar

Honoured member

Under the left & right panels

I'm trying to theme my ocPortal to match my Forums, and I got pretty far; I just cannot find the background color underneath the left and right panels. I somehow managed to change the background color (#45608b) behind the blocks in the left and right panels, but it appears as if there is a different style seperated from the panel background. Here's a screeny to explain what I'm talking about:


According to Photoshop, this color is #45608b. I've searched in the global.css file for the color, and cannot find it. Any suggestions as to where I might be able to find this?

Back to the top
 
Posted
Rating:
#32938
Joe
Avatar

Honoured member

Also, I'm a bit confused as to how the colors are applied after the CSS file has been edited. The first time I started out, I edited the CSS file and re-uploaded, cleared my cache, but the changes weren't applied. I reverted back to the default by uploading the default CSS file I backed up, then I figured I'd try again and re-uploaded the modified CSS file containing the custom colors, and it updated by itself without needing to clear my caches. I'm now trying to revert back to the default until I know where to find that color in my previous post, but I've cleared my caches and it's still not updating to the default. *sighs*

Back to the top
 
Posted
Rating:
#32953
Avatar

Community saint

There are two places to find the color that affects the display you're after - three if you change the bottom strip to match as well.

Have a look in global.css for the following:

body, .re_body
.global_side

and if you want to match up the bottom strip, too:

#dyn_bottom

BTW, the color you've changed it to IS #45608B - I checked against your screencap, so you should be able to do a search for that in global.css with a good text editor. The staff recommend CONTEXT and if I hadn't bought Editpad Pro a few years ago, I'd be using their recommendation today!

Good luck.

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
 
Posted
Rating:
#32974
Avatar

According to Photoshop, this color is #45608b. I've searched in the global.css file for the color, and cannot find it. Any suggestions as to where I might be able to find this?

It's there. Perhaps you're doing a case-sensitive search? (it's upper-case B).

but I've cleared my caches and it's still not updating to the default.

Could it be your browser's cache? I know on Firefox you have to refresh the browser itself twice before it dumps the cached CSS (unless you hold down ctrl+alt+shift whilst clicking, which makes it do more decacheing, as well as making ocPortal do it too).

and it updated by itself

If in doubt, you could check the file times of the CSS files in the themes/whatever/templates_cached/EN directory.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#38645
Avatar

Community saint

Joe, did you ever get a solution for this? It's making me mental trying to find it! ;-)


"no violence, no hate, no pain, no enemies
just peace, unity, tolerance and love" - The Beloved

OCP V7 | Advocating monetary reform - FreeOurMoney

Need OCP friendly hosting? Look no further:
Web Hosting, Reseller Hosting, and Dedicated Servers w/cPanel - Elief! - Official hosting partner for ocPortal.
Back to the top
 
Posted
Rating:
#38647
Avatar

Technology has moved on quite a lot in the last year. If you use (or can use) Firefox, there's a great extension called 'Firebug'. It basically sits at the bottom of your browser and has an 'Inspect' feature. You can click on any part of the page ('inspect it') and see what CSS is being applied there. It's really good for this kind of thing.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#38652
Avatar

Community saint

HI Chris! Yes, I use Firebug all the time, really good tool. Closer inspection looks like that little strip is part of the middle div, however, I'm reluctant to change it as other colours will be affected in the middle div. I'll keep poking around.

"no violence, no hate, no pain, no enemies
just peace, unity, tolerance and love" - The Beloved

OCP V7 | Advocating monetary reform - FreeOurMoney

Need OCP friendly hosting? Look no further:
Web Hosting, Reseller Hosting, and Dedicated Servers w/cPanel - Elief! - Official hosting partner for ocPortal.
Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: