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.


[SOLVED!] Error dialog box is black type on dark background??

Login / Search

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

Honoured member

All,

I have a OCPortal site built on 8.1.4 that is working flawlessly, however, one issue that users continue to complain about is that when they get prompted for an action with an ocportal generated dialog box, the box itself is almost completely black (semi-transparent), and the type inside the box with the message for the user, is black also.

Is there a simple way to change a configuration somewhere so the type appears white inside the (almost) black dialog box?

Thank you as always,

Mark





Last edit: by superiorpyro
Back to the top
 
Posted
Rating:
#92415
Avatar

Community saint

Yes. CSS.

Can't be more specific unless I can eyeball the actual dialogue box.

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

This is what it looks like with a dark theme on v8:



Which looks fine to me. So I wonder if this is due to some CSS you've added somewhere.


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:
#92436
Avatar

Honoured member

Hi Chris,

I should have included a screen shot with my posting, my apologies.  Take a look at the shot I have attached, in this case, the notification box pops up, but the bg is almost black and so is the type?

I don't think I have dark theme on, but I will double check (as soon as I can find it!?!).  I have not made any changes to any of the CSS files.

Thank you,

Mark
Back to the top
 
Posted
Rating:
#92437
Avatar

If you've ever run the theme wizard, or chose a colour in the Setup Wizard, you've effectively changed the CSS files. It'd be interesting to see how it looks without that dialogue. It does look a lot dimmer than usual, I wonder if it is a theme built via HSV-shift to a dark colour, for example; that would liable to cause problems with contrast.


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:
#92438
Avatar

Honoured member

Without the dialog box, it reverts back to normal contrast and everything looks great, so it's got to be something within this theme??

Can you point me to a specific area within one of the CSS files that I can fiddle with to change the look of the notification boxes?

Mark
Back to the top
 
Posted
Rating:
#92439
Avatar

Could you show a screenshot of that anyway (or a link). I want to get a feel for what "normal" is for your site, to get a grip on what the maths will have been.


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:
#92440
Avatar

Honoured member

That makes sense.  So here are 2 shots from the member sign up page, the first is what it looks like as a new member would see when they are filling out the page, the second is how it appears when an error notification box pops up (this is the same for all notifications, regardless of the message):


Back to the top
 
Posted
Rating:
#92441
Avatar

Honoured member

if you want to check it for yourself, you can intentionally use a fake email address when you sign up to generate a notification box.

The URL is:

Michigan Pyrotechnic Arts Guild
Back to the top
 
Posted
Item has a rating of 5 (Liked by Chris Graham)  
Rating:
#92442
Avatar

Community saint

Admin Zone Style Manage themes Choose Edit CSS: global.css

… find .box.overlay and edit the 'background' colour - make it red or white or something that stands out so that you recognise the change you made. If it is the property that is affecting your display, then you can carefully choose the colour you want to display that matches your site colours. Done!

Did that help?

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

Honoured member

Thanks Fletch, I was really hoping that was it...so I copied the global.css to word pad and did a search, and unfortunately, there is no such string combination in my global.css???

Do you think that the fact that its missing is the cause of the problem?

Cheers,

Mark
Back to the top
 
Posted
Rating:
#92444
Avatar

Community saint

When you've elected to 'edit' global.css and the edit pane comes up, click CTRL+F and you'll get a search box popup. Type in the EXACT property ID (.box.overlay) and it should find it for you.

I can't think why it should be missing from your CSS file!

 :thumbs:





Edit:

I've taken another look at your CSS for that particular popup, and I seem to be receiving a CSS property of .overlay.medborder which DOES NOT appear in my CSS files. Have a look for that instead …!



Last edit: by Fletch

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:
#92445
Avatar

Honoured member

I tried your suggestion and searched within the built in editor, but still no luck.  Here's a screen shot:

Back to the top
 
Posted
Rating:
#92446
Avatar

This is government-theme, one of the paid themes for v8 (requires purchasing if used on a live site). I've taken a look and I noticed a few glitches on the forum. The attached will fix:

Attachment
themes/Government-theme/css_custom/global.css
» Download: global.css (64 Kb, 115 downloads so far)


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:
#92447
Avatar

Honoured member

Thank you both for your help.  I implemented the last suggestion that Fletch gave me and sure enough, the problem is fixed!  I set the colour to white, Fletch and it reads perfectly (screen shot attached).
Chris, thank you as well -- I will get with the club board and let them know that there is a cost associated with the use of that template and we'll get you paid, fair is fair :)

Thanks again to both of you.

Mark




Chris, should I overwrite the existing global.css with the one you sent?
Back to the top
 
Posted
Rating:
#92448
Avatar

I'd use my fix, as I fixed at least a couple of other things :lol:. The social media logos were a bit wonky, and the top forum nav button highlight colour was wrong.


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
 
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: