Title: CSS codes not working after WordPress update Last modified: December 8, 2016 --- # CSS codes not working after WordPress update * [northsouthblonde](https://wordpress.org/support/users/northsouthblonde/) * (@northsouthblonde) * [9 years, 6 months ago](https://wordpress.org/support/topic/css-codes-not-working-after-wordpress-update/) * My CSS codes for change of link colour and removing the border of featured images are not working. Viewing 8 replies - 1 through 8 (of 8 total) * [ThemeSumo](https://wordpress.org/support/users/themesumo/) * (@themesumo) * [9 years, 6 months ago](https://wordpress.org/support/topic/css-codes-not-working-after-wordpress-update/#post-8528387) * Can you perhaps provide a link to your site and the CSS code you’re currently using so I can inspect further for you? * Thread Starter [northsouthblonde](https://wordpress.org/support/users/northsouthblonde/) * (@northsouthblonde) * [9 years, 6 months ago](https://wordpress.org/support/topic/css-codes-not-working-after-wordpress-update/#post-8529227) * [http://northsouthblonde.com](http://northsouthblonde.com) * (none of the codes are in affect) * ``` a, a:visited, .main-navigation a:hover, .main-navigation a:visited:hover, .site-title a, .site-title a:visited, .social-links ul a:hover, a.more-link, a.more-link:hover, .site-footer a:hover, .site-footer a:visited:hover, .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:visited:hover, .bypostauthor > .comment-body:first-of-type .comment-author .avatar { color: #A5D5D6; } abbr, acronym { border-bottom: 1px dotted #A5D5D6; } .page-links span.active-link, .page-links a:hover span.active-link { background-color: #A5D5D6; } #infinite-handle span button:hover, #infinite-handle span button:active, #infinite-handle span button:focus, #infinite-handle span:hover button, #infinite-handle span button:hover { background: #937e8a; outline: 5px solid #A5D5D6; } @media only screen and (min-width: 40.063em) { .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a { color: #A5D5D6; } } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus, #infinite-handle span button:active, #infinite-handle span button:focus { background: #A5D5D6; outline: 5px solid #A5D5D6; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, #infinite-handle span button:hover { background: #A5D5D6; outline: 5px solid #A5D5D6; } .site-content .widget-area { overflow: visible; } .featured-image:before, .featured-image:after, .featured-image > .corners:before, .featured-image > .corners:after { content: none; } .featured-image .shadow { box-shadow: none; } single_add_to_cart_button button alt:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, #infinite-handle span button:hover { background: #A5D5D6; outline: 5px solid #A5D5D6; } ``` - This reply was modified 9 years, 6 months ago by [Kathryn Presner](https://wordpress.org/support/users/zoonini/). Reason: put CSS in code tags * [ThemeSumo](https://wordpress.org/support/users/themesumo/) * (@themesumo) * [9 years, 6 months ago](https://wordpress.org/support/topic/css-codes-not-working-after-wordpress-update/#post-8529996) * To change the hyperlink colors: * ``` a { color: #f78769; } a:hover, a:focus, a:active { color: #bbb; } ``` * I don’t see any borders on your featured images however, can you link me to a page where this can be seen and I’ll inspect further for you. * Hope this helps. * [Chad Chadbourne](https://wordpress.org/support/users/shireling/) * (@shireling) * [9 years, 6 months ago](https://wordpress.org/support/topic/css-codes-not-working-after-wordpress-update/#post-8530482) * Hi [@northsouthblonde](https://wordpress.org/support/users/northsouthblonde/)! * Are you trying to remove the corner accents on the Featured Images? * If so, try this CSS: * ``` .featured-image:before, .featured-image:after, .featured-image .corners:before, .featured-image .corners:after{ display: none; } ``` * Oh, and just to be on the safe side – make sure you’re modifying your CSS using either the CSS section in the Customizer in WordPress 4.7 or with a CSS plugin, rather than modifying your theme’s CSS files directly 🙂 * Thread Starter [northsouthblonde](https://wordpress.org/support/users/northsouthblonde/) * (@northsouthblonde) * [9 years, 6 months ago](https://wordpress.org/support/topic/css-codes-not-working-after-wordpress-update/#post-8530743) * Thank you, both of those codes worked^ I would also like the code to change the font face for the entire website. * Thread Starter [northsouthblonde](https://wordpress.org/support/users/northsouthblonde/) * (@northsouthblonde) * [9 years, 6 months ago](https://wordpress.org/support/topic/css-codes-not-working-after-wordpress-update/#post-8530755) * Also, my sidebar isn’t aligning properly. An ad is cut off, and another ad is extending past. Can we extend the sidebar so that everything is lined up. * Thread Starter [northsouthblonde](https://wordpress.org/support/users/northsouthblonde/) * (@northsouthblonde) * [9 years, 6 months ago](https://wordpress.org/support/topic/css-codes-not-working-after-wordpress-update/#post-8530786) * Okay wait, * a { color: #f78769; } a:hover, a:focus, a:active { color: #bbb; } * ^ This code only worked for the home page (gray with a teal colour hover). When I opened a blog post, the links went back to the orange colour. * [Chad Chadbourne](https://wordpress.org/support/users/shireling/) * (@shireling) * [9 years, 6 months ago](https://wordpress.org/support/topic/css-codes-not-working-after-wordpress-update/#post-8531071) * On your [blog post](http://northsouthblonde.com/affordable-rustic-christmas-decor-amazon/) I’m seeing gray links and a teal hover color. * The exception I found to that was the hover color on the tags at the very end of the post. * This CSS should address that: * ``` .tags-links a:hover, .tags-links a:visited:hover, .widget_tag_cloud a:hover, .widget_tag_cloud a:visited:hover { background-color: #A5D5D6 } .tags-links a:hover:before, .tags-links a:visited:hover:before, .widget_tag_cloud a:hover:before, .widget_tag_cloud a:visited:hover:before { border-top-color: #A5D5D6; border-bottom-color: #A5D5D6; } .tags-links a:hover:after, .tags-links a:visited:hover:after, .widget_tag_cloud a:hover:after, .widget_tag_cloud a:visited:hover:after { border-left-color: #A5D5D6; } ``` * That should also catch a couple other specifically defined links in tag cloud widgets 🙂 * For the other two questions, (sidebar and font face) can you open up a new thread for each of those? It’s easiest to keep things organized if the questions are separated. [https://wordpress.org/support/theme/button#new-topic-0](https://wordpress.org/support/theme/button#new-topic-0) - This reply was modified 9 years, 6 months ago by [Chad Chadbourne](https://wordpress.org/support/users/shireling/). Viewing 8 replies - 1 through 8 (of 8 total) The topic ‘CSS codes not working after WordPress update’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/button/1.0.4/screenshot.png) * Button * [Support Threads](https://wordpress.org/support/theme/button/) * [Active Topics](https://wordpress.org/support/theme/button/active/) * [Unresolved Topics](https://wordpress.org/support/theme/button/unresolved/) * [Reviews](https://wordpress.org/support/theme/button/reviews/) ## Tags * [css](https://wordpress.org/support/topic-tag/css/) * 8 replies * 3 participants * Last reply from: [Chad Chadbourne](https://wordpress.org/support/users/shireling/) * Last activity: [9 years, 6 months ago](https://wordpress.org/support/topic/css-codes-not-working-after-wordpress-update/#post-8531071) * Status: not resolved