Community Forums › Forums › Archived Forums › General Discussion › How to get a smaller css file with News theme
This topic is: not resolved
- This topic has 1 reply, 2 voices, and was last updated 10 years, 2 months ago by Davinder Singh Kainth.
Viewing 2 posts - 1 through 2 (of 2 total)
-
AuthorPosts
-
February 13, 2014 at 5:21 pm #90185remcotvMember
What is the best way to get a smaller css file with the News theme.
How to take out the color elements for the color not selected in the theme, the lines for these colors only add weight to the css file.Any advise on the best way to get this fixed?
http://www.autoverzekering-actueel.nlFebruary 14, 2014 at 8:35 am #90279Davinder Singh KainthMember1. Take backup of style.css file (like copy in a notepad file).
2. Look for color block (or sections) in style.css file. If you are not using green color setting, then delete code as below:/* News Green ------------------------------------------------------------ */ .news-green a, .news-green a:visited { color: #1c9b3d; text-decoration: none; } .news-green a:hover { text-decoration: underline; } .news-green #header ul.nav li li a, .news-green #header ul.nav li li a:link, .news-green #header ul.nav li li a:visited, .news-green #header ul.menu li li a, .news-green #header ul.menu li li a:link, .news-green #header ul.menu li li a:visited, .news-green #nav li li a, .news-green #nav li li a:link, .news-green #nav li li a:visited { color: #fff; } .news-green #subnav li li a, .news-green #subnav li li a:link, .news-green #subnav li li a:visited, .news-green h2 a, .news-green h2 a:visited { color: #333; } .news-green #header ul.nav li a:hover, .news-green #header ul.nav li a:active, .news-green #header ul.nav .current_page_item a, .news-green #header ul.nav .current-cat a, .news-green #header ul.nav .current-menu-item a, .news-green #header ul.menu li a:hover, .news-green #header ul.menu li a:active, .news-green #header ul.menu .current_page_item a, .news-green #header ul.menu .current-cat a, .news-green #header ul.menu .current-menu-item a, .news-green #header ul.nav li li a:hover, .news-green #header ul.nav li li a:active, .news-green #header ul.menu li li a:hover, .news-green #header ul.menu li li a:active, .news-green #nav li a:hover, .news-green #nav li a:active, .news-green #nav .current_page_item a, .news-green #nav .current-cat a, .news-green #nav .current-menu-item a, .news-green #nav li li a:hover, .news-green #nav li li a:active, .news-green #nav li.right a:hover, .news-green #subnav li a:hover, .news-green #subnav li a:active, .news-green #subnav .current_page_item a, .news-green #subnav .current-cat a, .news-green #subnav .current-menu-item a, .news-green #subnav li li a:hover, .news-green #subnav li li a:active, .news-green h2 a:hover, .news-green #footer a:hover { color: #1c9b3d; } .news-green #home-top .ui-tabs ul.ui-tabs-nav li a:hover, .news-green #home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a, .news-green .navigation li a:hover, .news-green .navigation li.active a { background-color: #1c9b3d; } .news-green .navigation li a:hover, .news-green .navigation li.active a { border: 1px solid #1c9b3d; } .news-green h2 a:hover { text-decoration: none; } .news-green input[type="button"], .news-green input[type="submit"] { background-color: #27c753; border: 1px solid #1c9b3d; } .news-green input:hover[type="button"], .news-green input:hover[type="submit"] { background-color: #1c9b3d; border: 1px solid #1c9b3d; }
Similarly, delete color code blocks which you do not use.
Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes -
AuthorPosts
Viewing 2 posts - 1 through 2 (of 2 total)
- The forum ‘General Discussion’ is closed to new topics and replies.