{"id":6744363,"date":"2015-11-12T22:05:20","date_gmt":"2015-11-12T22:05:20","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/theme-helsinki-very-annoying-styling-problem\/"},"modified":"2016-08-30T20:13:09","modified_gmt":"2016-08-30T20:13:09","slug":"theme-helsinki-very-annoying-styling-problem","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/theme-helsinki-very-annoying-styling-problem\/","title":{"rendered":"[Theme: Helsinki] Very annoying styling problem"},"content":{"rendered":"<p>I&#8217;ve been trying to change the colour of the header font through my <code>style.css<\/code> for a while now, with no success.<\/p>\n<p>I&#8217;ve opened the website, and inspected the element, and tried to find the element in the parent&#8217;s <code>style.css<\/code>, but the parent&#8217;s <code>style.css<\/code> is blank! It has nothing in apart from the declaration at the beginning.<\/p>\n<p>I&#8217;ve found another file called <code>style.min.css<\/code> that has all of the styling for the pages, including <code>#headline .logo a<\/code> (which is the element I want to modify).<\/p>\n<p>When I try and add styling rules for <code>#headline .logo a<\/code>, in my <code>style.css<\/code>, nothing happens. Might it be that <code>style.min.css<\/code> is being called after <code>style.css<\/code> and therefore overwriting my rules?<\/p>\n<p>How can I overcome this, and modify the colour of <code>#headline .logo a<\/code>?<\/p>\n<p>My current <code>style.css<\/code> (that changes the header background colour correctly, but does&#8217;t modify the text colour):<\/p>\n<pre><code>\/*\nTheme Name:     helsinki-child\nDescription:    Helsinki child theme\nAuthor:         TEST\nTemplate:       helsinki\n\n(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)\n*\/\n\naside#headline {\n\tbackground:red;\n\t\/*background:#1d1f21;*\/\n\tfont: white;\n}\n\n#headline .logo a {\n    color: yellow;\n    text-decoration: none\n}<\/code><\/pre>\n<p>I&#8217;ve located the <code>style.min.css<\/code> in <code>tefltest.byethost7.com\/htdocs\/wp-content\/themes\/helsinki\/assets\/css\/style.min.css<\/code>, but I don&#8217;t know what to do with it.<\/p>\n<p>Can anyone suggest a solution please?<\/p>\n<p>Thanks<\/p>\n","protected":false},"template":"","class_list":["post-6744363","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/6744363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/6744363\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=6744363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}