http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sat, 18 May 2013 20:12:00 +0000 http://themeshaper.com/forums/topic/change-individual-widget-appearance-bg-and-font-colorsstyles#post-22039 Sun, 26 Jun 2011 13:36:44 +0000 taylormade 22039@http://themeshaper.com/forums/ <p>I followed a tutorial and copied the default.css file then renamed it, newstyle.css and then changed the link in the style.css:</p> <p>/* Reset browser defaults */<br /> @import url('../thematic/library/styles/reset.css');</p> <p>/* Apply basic typography styles */<br /> @import url('../thematic/library/styles/typography.css');</p> <p>/* Apply a basic layout */<br /> @import url('../thematic/library/layouts/2c-r-fixed.css');</p> <p>/* Apply basic image styles */<br /> @import url('../thematic/library/styles/images.css');</p> <p><strong>/* Apply default theme styles and colors */<br /> /* This is a copy of the default.css file */<br /> @import url('../childthemename/newstyle.css');</strong></p> <p>/* Prepare theme for plugins */<br /> @import url('../thematic/library/styles/plugins.css'); </p> http://themeshaper.com/forums/topic/change-individual-widget-appearance-bg-and-font-colorsstyles#post-21992 Wed, 22 Jun 2011 17:27:36 +0000 crashprojects 21992@http://themeshaper.com/forums/ <p>Thanks so much for all of this. This information cobbled together with some other things I read were really helpful. Just fyi though, adding the code you suggested to style.css didn't work, it did have to be added to default. In any event it was your code and it helped me immensely so thank you! </p> http://themeshaper.com/forums/topic/change-individual-widget-appearance-bg-and-font-colorsstyles#post-21906 Thu, 16 Jun 2011 21:44:11 +0000 sowingseeds 21906@http://themeshaper.com/forums/ <p>Yes that's the one. You should not make changes to default.css. Add all changes after the code that is already there. </p> http://themeshaper.com/forums/topic/change-individual-widget-appearance-bg-and-font-colorsstyles#post-21899 Thu, 16 Jun 2011 18:52:47 +0000 crashprojects 21899@http://themeshaper.com/forums/ <p>Right but there is no stylesheet in my folder, is what I'm saying. There is simply one that is called style.css and it contains no code. IT looks like this: Thematic is © Ian Stewart <a href="http://themeshaper.com/" rel="nofollow">http://themeshaper.com/</a><br /> .<br /> */</p> <p>/* Reset browser defaults */<br /> @import url('../thematic/library/styles/reset.css');</p> <p>/* Apply basic typography styles */<br /> @import url('../thematic/library/styles/typography.css');</p> <p>/* Apply a basic layout */<br /> @import url('../thematic/library/layouts/3c-fixed.css');</p> <p>/* Apply basic image styles */<br /> @import url('../thematic/library/styles/images.css');</p> <p>/* Apply default theme styles and colors */<br /> /* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */<br /> @import url('../thematic/library/styles/default.css');</p> <p>/* Prepare theme for plugins */<br /> @import url('../thematic/library/styles/plugins.css');</p> <p>You're saying I should just add code to the above? </p> http://themeshaper.com/forums/topic/change-individual-widget-appearance-bg-and-font-colorsstyles#post-21898 Thu, 16 Jun 2011 17:59:04 +0000 sowingseeds 21898@http://themeshaper.com/forums/ <p>No best to make all changes in the stylesheet in your folder. The one that has nothing in as you say. The reason for changing this is when a new thematic theme is released you do not lose your changes. The child theme overrides what is in default </p> http://themeshaper.com/forums/topic/change-individual-widget-appearance-bg-and-font-colorsstyles#post-21897 Thu, 16 Jun 2011 17:57:08 +0000 crashprojects 21897@http://themeshaper.com/forums/ <p>Thank you so much for this. I really appreciate your help. </p> <p>My style.css file doesn't have any code in it, just links to other style sheets. I'm going to guess and say that one I have to change/add code to is either "default?" </p> http://themeshaper.com/forums/topic/change-individual-widget-appearance-bg-and-font-colorsstyles#post-21896 Thu, 16 Jun 2011 17:17:37 +0000 sowingseeds 21896@http://themeshaper.com/forums/ <p>The code goes in your stylesheet that is in your child theme. You have a folder brazilstation in your theme folder... wp-content/themes/brazilstation. At this point of time you have added nothing to the style sheet - the file called style.css.</p> <p>You add the code to this file. Using firebug - if you are using firefox; or chrome developer if google chrome etc., you will then be able to see what code to add to change the look. (My guess is if you rely on <a href="http://www.w3schools.com/css/default.asp" rel="nofollow">http://www.w3schools.com/css/default.asp</a> to help you see what code will change what.)</p> <p>Take an example: 'Learn More' change the color of the text to red would be li#text-10 h3.widgettitle {color:red;}<br /> The text in that section is within a paragraph style so you would change it with:<br /> li#text-10 p {code here}. And in that section because you are using links you will need to add the letter 'a' after the p - this means you are targetting the link in the paragraph, so li#text-10 p a {text-underline:none;} (for example).</p> <p>All the code goes in the style.css in your folder brazilstation.</p> <p>Can't do too much damage as you experiment. But you really need to work in Firefox, Chrome or equivalent where you can see what needs to be coded. </p> http://themeshaper.com/forums/topic/change-individual-widget-appearance-bg-and-font-colorsstyles#post-21895 Thu, 16 Jun 2011 16:52:53 +0000 crashprojects 21895@http://themeshaper.com/forums/ <p>What code? Where does it go? This is what I mean when I say "I really have no idea what I'm doing." </p> <p>What do I enter and where do I enter it? </p> http://themeshaper.com/forums/topic/change-individual-widget-appearance-bg-and-font-colorsstyles#post-21881 Thu, 16 Jun 2011 03:31:05 +0000 sowingseeds 21881@http://themeshaper.com/forums/ <p>You will need to enter into your child theme stylesheet the necessary code, and to discover the code the easiest way is either with firebug in Firefox or Developer Tools in Chrome. For example your 'Upcoming Classes' li has an id of my_calendar_upcoming_widget-3 and a class of widget_my_calendar_upcoming _widget. On each widget you can target the specific ul/li for that. </p> http://themeshaper.com/forums/topic/change-individual-widget-appearance-bg-and-font-colorsstyles#post-21872 Wed, 15 Jun 2011 20:43:03 +0000 crashprojects 21872@http://themeshaper.com/forums/ <p>Just as the title says. I desperately need to change the appearance of each individual widget on stage.brazilstation.com. You'll see the sidebars replete with widgets and I need to change each one. </p> <p>I've searched to no end and have gotten some answers but no helpful ones. If anyone can help me with this I'll be eternally grateful. I really have no idea what I'm doing. Thanks for reading. </p>