Portal talk:African cinema

(Redirected from Draft talk:Portal:African cinema)
Latest comment: 2 years ago by Aidan9382 in topic Ariel blue background

Ariel blue background

edit

Dear @Aidan9382 and @Dcljr,

I can't thank you enough for the experience and time you have given into ensuring this portal is compliant to the technical, code standards. I appreciate.

I am in a bit of a corner and need your helpful guide.

I moved from this header layout to the current one on the Draft:Portal:African cinema. The problem is I want to retain the ariel blue background that is now exposing the whitespace in the current portal.

The ariel blue color was part of the former header {{Box-header colour)) but I have tried to implement the same using the new header I created.

Could you help or guide?

Thank you for your attention. Danidamiobi (talk) 21:49, 17 October 2022 (UTC)Reply

I think this is what you wanted. (Using "background-title-color" was the key. And the call to {{ContentGrid}} wasn't necessary since there was only one component being shown. I also adjusted {{Colored box}} to prevent weirdness when the "content" parameter wasn't specified, or was defined as empty.) - dcljr (talk) 01:46, 18 October 2022 (UTC)Reply
… But isn't Ariel blue "#AED7EA" instead of "#19CEEB"? - dcljr (talk) 01:55, 18 October 2022 (UTC)Reply
You are the best! Thank you so much but that was not what I was talking about.
 
Ariel blue (#f4fdff) is what I was referring to as used in this revision. There is so much whitespace and I wanted to use #f4fdff as the background rather than the white.
Thanks a lot. Danidamiobi (talk) 09:16, 18 October 2022 (UTC)Reply
The inner section/color box is absolutely fine as white but the outer background is where I've been having nightmares. Danidamiobi (talk) 09:18, 18 October 2022 (UTC)Reply
I've gone ahead and implemented what I think your asking for here. The original background colour came from how {{Box-header colour}} handled the internal colouring automatically. I've gone ahead and explicity defined it in the <div> tag. Hope this helps. Aidan9382 (talk) 15:26, 18 October 2022 (UTC)Reply