Home › Forums › Aziza WordPress theme › Changing Aziza Theme to White-on-Black.
Tagged: aziza, black background, black-on-white, css, theme
- This topic has 3 replies, 2 voices, and was last updated 11 years ago by Anonymous.
-
AuthorPosts
-
-
at #13531Daniel BenjaminMember
I’m trying to set up the Aziza theme as a White-on-Black (rather than Black-on-White) site, viewable HERE. I’m having a great deal of difficulty, while editing the included child them, in getting a full black-background result; I initially set the colors in the Theme Dutch Aziza control panel settings, which yielded a very incomplete change, in need of CSS changes.
With many elements still defaulting to a white background, I have taken to identifying the offending CSS classes that were not affected by the control-panel color changes, and still have white parts peeking through, and trying to eliminate them (ie, change the background-color attribute for the CSS class to #000000).
This has been a tedious process, but has yielded much success, although there are some difficult holdout areas, such as the expandable login panel (theme-my-account & theme-search classes) and and especially the blank areas surrounding Blog comments and nested sub-comments, which I’ve pretty much failed at: no matter how much work I do, the next child comment still is blocked in with white areas.
It was my understanding that the Aziza theme could have any color background. How can this be consistently and gracefully implemented? -
at #13547AnonymousInactive
HI Daniel,
There are indeed some parts of the theme that cannot be altered from the theme’s back-end.
Right now the parts that can be altered are those most commonly used to style/brand the pages with proper highlighting etc. Keeping the full scale of the re-color possibilities to a smaller group to keep things understandable, or maybe I should say not unnecessarily complex for most users.
I do understand your case though and I’ll check with our development team to see if there’s a possibility to make these options somewhat more extended in the future.
As for your endeavors to add css to your child theme. A lot of the classes and Id’s can quite easily be found by using the element inspector (in google chrome) or other browsers’ Â equivalents (like firebug in firefox) to inspect an element of your website and see the classes it belongs to, try css changes on the site directly from your browser to quickly see what result a color change on a certain class would have.
You may very well know it already. But if you didn’t know this yet it’s going to be a very valuable tool. Just rightclick an element of your interest and hit inspect element (or whatever your preferred browser’s equivalent is called).
In hope that does help you a bit.
Kind regards,
Kevin
-
at #13555Daniel BenjaminMember
Yes, I’ve been using the ‘inspect element’ function to try to narrow this down, but it has resulted in an infinite game of ‘whack-a-mole’. I’ve got the expandable login menu looking right, and also the expandable search bar.
However, one area eludes me: The small border areas and blocks that surround blog entries in the blog entry page loop. They’re just too stubborn, and once I get them looking right, adding a threaded comment to the post results in a comment (or child comment, or child-child comment) with the original problem.
For now, I’ve added specifiers by element id# through a couple levels deep of child-1, child-2, etc, but ultimately, I need this to reliably support as many levels of threaded comments as needed.
Can you tell me which properties I’d have to modify to make the changes applicable to all descendent classes for the blog entries and title tiles? I think the issue is that the child classes are created dynamically, so I can’t find them off and specify them directly?
-
at #13558AnonymousInactive
Hi Daniel,
Ah ok good, well you never know if people are aware of the element inspector, of course.
I’m afraid that as a free support service I can’t go into our themes on a code level to seek the exact way this was built up. However, I’ve found myself in the same sorts of situations when customizing non theme-dutch themes before. For those threaded comments is there maybe a class they all have that you could force into your color by adding !important to your css change. Or maybe a certain class that they are all a child of that you could use to address them through?
Kind regards,
Kevin
-
-
AuthorPosts
- You must be logged in to reply to this topic.