Wow! Is that smart or what? Worth waiting for.
The page icons: Show fine on Firefox 29.0.1 and Safari 7.03. on a Mac and on iOS 5.1.1 (on an iPad first gen).
Green checkmarks: Show fine on all the above (and the iOS Ipad is the one that normally gives problems on old stuff). However, just picking a unicode character because you like it often results in failure. It’s a general rule of thumb that if you like a unicode character, it will not display on your site ?? (c.f. the rule of thumb that says that the correct way to insert a USB plug is always the opposite of what you try first.)
A better approach would be to use CSS and a Genericons icon, as you know that you have this at your disposal with Customizr installed. You could take the opportunity to do away with all the individual check-mark symbols and all the individual inline styling (to centre the paragraphs, change their colors, font-sizes etc.) … and the spans etc.
What you have here is a list. So you can enter it in your page as:
<ul class="price-page-bullets">
<li>This is text</li>
<li>This is more text</li>
<li>This is yet more text</li>
<li>This is a final line</li>
</ul>
Then add the following to your CSS:
/* Take off bullets */
ul.price-page-bullets {
list-style: none;
}
/* Colour the odd-numbered list items */
.price-page-bullets li:nth-child(odd) {
color: #5a5a5a;
}
/* Colour the even-numbered list items */
.price-page-bullets li:nth-child(even) {
color: #808080;
}
/* Add a Genericons check-mark */
.price-page-bullets li:before {
color: #8F48E2;
content: "\F418";
font-family: "genericons";
font-size: 26px;
vertical-align: bottom;
}
/* Style the text in the price-page bullets */
.price-page-bullets li {
font-size: 16px;
font-weight: 700;
line-height: 200%;
text-align: center;
}
That will add a genericons check-mark icon in super-pink/purple before the text. It will also do all the other stuff, like bold and centre for your text, without you having to repeat it all over and over in your html, which means that if you decide to change it tomorrow, you only have to change the style once, which is what CSS is all about.
The “else” bit in your code: Simply says “and if Chappie didn’t give me a link for a particular slide, then use the slide link that he originally set when he edited the slider.
Pixel perfectness (coz I know you’re a stickler for it): In your style sheet, you have
.widget-front > h2 {
margin-bottom: 0;
margin-top: -5px;
}
Change the top margin to -3px, otherwise you shave off the top of the B in “Beauty”. And of all the words to shave a couple of pixels off, that is not the one ??
Overall it’s a brilliant site. Well done!
