Community Forums › Forums › Archived Forums › Design Tips and Tricks › Prose – Static widgetised areas between posts
- This topic has 28 replies, 2 voices, and was last updated 10 years, 9 months ago by rfmeier.
-
AuthorPosts
-
July 3, 2013 at 10:16 am #48992middayminerMember
Hold on, this is strange. Specific line-height works for category review but not the font size.
http://www.foundwonders.com/category/visuals//*top widget area, category view*/ body.content-sidebar #text-6 { font-size:14px; line-height:23px; }
What am I missing now?
edit: haha, that !important thing I set came back to bite me. I feel like I'm entering a brotherhood here.
July 3, 2013 at 10:26 am #48999rfmeierMemberThe !important should be before the semi-colon.
/*top widget area, category view*/ body.content-sidebar #text-6 { font-size:14px; !important /* incorrect */ line-height:23px; }
/*top widget area, category view*/ body.content-sidebar #text-6 { font-size:14px !important; /* correct */ line-height:23px; }
July 3, 2013 at 10:30 am #49002rfmeierMemberI would also recommend using css classes to style the text widgets.
body.content-sidebar .widget_text{ background-color: #FDF7EF; font-size: 12px; line-height: 19px; border-style: dotted; border-width: 1px; border-color: #DDD6CA; padding-top: 20px; padding-left: 21px; padding-right: 21px; padding-bottom: 20px; margin-top: -8px; margin-bottom: 23px; } body.content-sidebar .textwidget, body.content-sidebar .textwidget p{ font-size: 12px; }
This would prevent having to re-write the same code for the same styling on similar elements.
July 3, 2013 at 10:31 am #49003middayminerMemberSorry about that, I was just spamming away on changes and did correct it on my own. Looks like .textwidget is overriding it now.
July 3, 2013 at 10:57 am #49011middayminerMemberOkay, here's where I'm at with the cleaned up code:
First, I would like to exclude the primary sidebar widgets from the class changes on the content widgets (I'm sort of digging the border-background addition though)
secondly, this code here
body.content-sidebar .textwidget, body.content-sidebar .textwidget p{ font-size: 14px; line-height:21px; }
Does effect the primary sidebar widget here I set with the content aware sidebars plugin:
http://www.foundwonders.com/about/However it also goes on to override the category content widgets.
July 3, 2013 at 11:07 am #49015middayminerMemberTo clarify, .textwidget seems to be changing primary sidebar text widgets for pages (http://www.foundwonders.com/faqs/ is affected as well)
as well as all body.content-sidebar widgets.July 3, 2013 at 11:10 am #49016rfmeierMemberTry this;
body.content-sidebar #content .textwidget, body.content-sidebar #content .textwidget p{ /* styling for widgets within the #content area */ }
July 3, 2013 at 11:24 am #49019middayminerMemberEverything's fixed!
I used this to handle all the primary sidebar text widgets:
/* primary sidebar text widget settings */ body.sidebar-content-sidebar .textwidget, body.sidebar-content-sidebar .textwidget p body.content-sidebar .textwidget, body.content-sidebar .textwidget p{ font-size: 12px; line-height:18px; }
Thanks, Ryan. You've been a great help this couple of days and I consider this thread resolved many times over.
July 3, 2013 at 11:30 am #49020rfmeierMember -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.