#’s for color schemes in Bueno
-
The chunky title in Bueno has driven me to get a CSS upgrade. CSS is a lot easier than I thought it would be…at least if you stick with changing simple things. So I am very happy to know that. However, I could not find the hex values for the main color schemes in their respective styles sheets (I looked at red and blue). I found every possible shade of gray that has ever existed and one shocking pink, but not the main color for the layout. Does anyone happen to know these by chance or can direct me to where I might find them in the style sheet? My main interest is blue but it would be nice to know the others or how to find them for possible changes down the road.
Thanks so much.
http://www.alwayswellwithin.com
The blog I need help with is: (visible only to logged in users)
-
If you use Firefox, I would recommend you downloading these extensions: Aardvark and Web Developer. With Aardvark helps you find the elements you wish to modify, and Web Developer helps you to modify and test your CSS on the fly. You could use Firebug but, personally, I find its CSS editor really annoying, especially if I want to copy just a bit of code…
When modifying colors, you want to look for this properties in your selectors definitions:
a) color
b) background or background-colorSometimes, you will find that certain colors are actually background images, so you’d need to find in your CSS either:
a) background: (I personally like using shortcuts, so I write my background color properties like this “background: #fff;”)
b) background-image:
if they contain a value of “url(path/to/image)” then you’d need to deal with that property to change the bg color/image of an element.
That’s all you would need to look for if you want to change colors values in your CSS.
HTH
-
Thanks very much. I will check about downloading those resources. They sound very valuable.
I was actually wondering about the hex values for the 6 color schemes that are standard on Bueno, since I’m try to match them at least the blue one. They don’t seem to be in the CSS. I’ve been able to change colors, but they don’t exactly match the ones that are standard for the theme.
Am very grateful for your help!
-
Default: f3686d, fbdddf
Blue: 17517b, 9fcef1
Brown: 472300, d3975d
Green: 115900, 9bd28e
Grey: 333333, b0b0b0
Purple: 3b0466, d7bced
Red: c40000, ffc1c1 -
sandrapawula,
That’s why I was recommending those tools. For instance, with pixie you can get the HEX values which then you could search in the CSS that the Web Developer tool displays for you. This tool displays ALL the style sheets that are attached to the XHTML document; this is helpful when are trying to find out in what selectors these colors are defined.
These are just hints for future reference just in case you need to find other definitions/values.
HTH
-
How does one find a hex code of the color if the theme only has color showing in images? I use Regulus and I wanted to find the hex codes of the colors in use by this theme.
-
If you use windows, you could use Pixie (I posted the link in my first post).
If you use other OS, but use Firefox, there’s an add-on called ColorZilla. Similar to Pixie, you activate it and with your cursor, you hover the image that you’d like to get the color from, the HEX will be displayed in the Status Bar. You can take it from there.
-
-
-
Thanks very much Panos and Dev Blog for the hex values and the tools to find them on my own. I am slowly making my way with the CSS. I appreciate the support.
-
@sandrapawula
You are an inspiration and your blog looks lovely. That horrid title font is gone! What an improvement that is, not to mention, the others you have made too. :) -
Hello everyone!
Does anyone know how to customize the theme color (not the background) so I can get a color of my own choice for the date circle, widget lines etc.??
(instead of either preset red, blue, green, brown etc. from bueno theme options)How would the CSS code for this look like?
-
With the tools I’m recommending above you can find the elements whose selectors you’d need to modify in order to give the layout the look you want. Give them a try.
- The topic ‘#’s for color schemes in Bueno’ is closed to new replies.
WordPress.com Forums 