Here’s an old snippet. Not checked against 3.4.* so let me know if you have problems.
I think the old snippet is a bit out of date.
I cant find a lot of the entry’s in the styles.css file.
I did change the header color but when I scrolled down the page it changes back to the default colours.
The only part of it that worked well was the widget section.
Has anyone got an up to date code snippet for the latest version ?
Thanks.
No, as it’s my Snippet. I’ll try to do something in the next 48h.
If you give me your site link, and precisely what you want then I’ll focus on that first.
I appreciate your assistance.
I’m developing offline at moment.
I’ve setup a default wordpress site with the customizr theme. I’m trying to change the color scheme of the theme before I import our site.
The code snippet pretty much defines what I would like to do except for the colors of course.
The header and footer background and text colors are the most important this point.
I would like to change the top header bar background and horizontal menu text colors.
Next I would like to change the footer bar background and text color. The link text to be underlined when I hover over it.
If I use a text widget in the footer widget area, and code some html links there is a > symbol proceeding it that I would like to remove.
I may want to tweak the other sections as per your snipped at some point but that’s less important.
Thanks.
OK, snippet is reviewed and updated with only a couple of minor changes. Most significant was to add support for the sticky header. (Step 2 #4)
Horizontal menu items would be:
.navbar .nav > li > a {
color: blue; /* Adjust */
}
Footer items color:
footer#footer a, footer#footer p {
color: blue; /* Adjust */
}
Footer link:
footer#footer a:hover {
text-decoration: underline;
}
I can’t seem to find an exact match for those lines in the css file.
I’m using Customizr Version: 3.4.16 By nikeo.
I’m not sure what you are trying to match. You need to read about Child Themes and come back with any questions.
I’ve been using child themes for some time.
However I was under the impression that if you wanted for example to override .navbar in the parent css you would put .navbar in the child css i.e. the two statements had to match exactly.
I was not aware that it was possible to put unique statements into the child css that don’t have a match in the parent but the net effect overrides the parent.
With this new knowledge I will re-implement your updated snippet.
Thanks.
Sounds like you’ve grasped it. The child theme style.css will contain just the differences that override the parent theme css.
With the default parent Customize theme only (no child or tweaks),
If you scroll the page up and down, with the sticky header: display the menu option tuned on.
The horizontal menu font changes ever so slightly and moves.
The horizontal grey bar changes to a thinner version and moves up.
When you scroll back those changes are reversed.
I like the look of the sticky header when its activated. How can I make it look like that when its not activated ?
