Widgets with squared corners
AnonymousApril 12, 2012 at 2:16 pm #4216
When I use widgets in a right column, they have always rounded corners. In the footer widget-area, widgets have squared corners. Since the new version 1.6, the theme consits of many rectangels, the round corners don’t look well in combination with the these changes. Is there an option (e.g. via Custom CSS, or it would be great if you could implement this feature within theme-options page in the next release) to make the widgets in the left or right sidebars look like the widgets in the footer? I think this would look much better than the actual style.
I use Graphene 1.7 beta.
AnonymousApril 13, 2012 at 11:06 am #27614
Thank you Kenneth,
It looks great. Your code didn’t work this way, I had to replace “none” into “0px”. But thank you for your tip.
AnonymousApril 13, 2012 at 9:32 pm #27615
I don’t mean to jump in and “hijack” the thread. But I’ve noticed sometimes you must use “none” and sometimes you must use “0px” when trying to eliminate a certain property.
I wonder if there is a rule to when one must be used over the other??ModAdmin
For properties that need numerical values, you use
0. For properties whose features are defined by other than numerical values, you use
By definition, radius must be some numerical value. Even though border radius of 0 effectively means no radius, you must have some numerical value to define a radius other than 0.
Even though you would think that border needs numerical value to define the width of the border, in this case
borderis actually a shorthand of multiple border properties. Specifically, you can specify the following properties of the border inside just that single line of
border: <border-width> <border-style> <border-colour>
As you can probably guess,
border-widthtakes numerical value, e.g. 0.
border-styletakes the type of style to use, e.g.
solidfor solid line, or simply
none, means no style, which effectively means no border.
border-colourtakes a colour value to be applied to the border.
So when you write
border: none, it’s the same as writing
border-style: none. When writing
border: 0, it’s the same as writing
border-width: 0. So in this case, because of the shorthand property
Note that it’s not necessary to write
AnonymousApril 14, 2012 at 3:54 am #27618
Syahir, you are a vast encyclopedia of information.
Thank you for the detailed, thorough, easily understandable explanation!
Viewing 7 posts - 1 through 7 (of 7 total)
- You must be logged in to reply to this topic.