20 Ways To Restyle Twenty Seventeen Theme Using CSS

Twenty Seventeen theme is the newest theme by WordPress.org. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Here I have shared some css code to stylize your twenty seventeen theme.

When restyling any theme you should use a child theme. You can download the child theme here at the bottom.

1. Change / reduce height of header image in twenty seventeen theme

2. Change site title font color, size and family of twenty seventeen theme

3. Change site description’s font color, font size and font family

4. Reduce gap just above the content section

5. Increase Twenty Seventeen content section width

6. Remove sidebar from single post page in twenty seventeen theme and make post page full width

. Remove featured image from single post page in twenty seventeen theme

7. Remove Post date and post author in twenty seventeen theme

8. Change font family, font size and font color in single post page title of Twenty seventeen theme

9. Change home page or archive page (category page) single post title and archive page title’s font color, font size and font family in twenty seventeen theme

10. Change category name at the top of archive or category page at twenty seventeen theme

11. Hide or remove the category name at the top of category or archive page in twenty seventeen theme

12. Change content section font color, font size and font family in twenty seventeen theme

13. Remove comments section in twenty seventeen theme

14. Change background color of footer widget / Proudly Powered by WordPress section

15. Change sidebar widget title’s font color, font size and font family in twenty seventeen theme

16. Center the widget title, provide background color and remove space below the widget title

17. Change links color, font size and font family showing in widget section in twenty seventeen theme

18. Change hover link underline and hover font color for links showing in widget section

19. Change submit or other button background color in twenty seventeen theme

20. Change the ‘Proudly Powered By WordPress’ text in the footer

Here it is ; Change Proudly Powered By WordPress Twenty Seventeen