{"id":112,"date":"2012-07-27T08:56:02","date_gmt":"2012-07-27T13:56:02","guid":{"rendered":"https:\/\/sharepointhacker.com\/?p=112"},"modified":"2012-07-27T09:02:17","modified_gmt":"2012-07-27T14:02:17","slug":"112","status":"publish","type":"post","link":"https:\/\/sharepointhacker.com\/?p=112","title":{"rendered":"CSS for adding Rounded Corners to a SharePoint 2010 Webpart Title"},"content":{"rendered":"<p>Here is some CSS for making Rounded Corners on a SharePoint 2010 Webpart Title<\/p>\n<p>[code]<br \/>\n\/* repeating background for header *\/<br \/>\n.ms-WPHeader&nbsp;.ms-WPHeaderTd, .ms-WPHeaderTdMenu, .ms-WPHeaderTdMenu:hover,<br \/>\n.ms-WPHeader TD.ms-WPHeaderTdSelection<br \/>\n{<br \/>\n&nbsp;&nbsp; background: url(\u2018wpart_back.jpg\u2019) repeat-x center left;<br \/>\n&nbsp;&nbsp; margin: 0;<br \/>\n&nbsp;&nbsp; height: 33px;<br \/>\n&nbsp;&nbsp; border-color:transparent&nbsp;;<br \/>\n&nbsp;&nbsp; background-color:transparent;<br \/>\n}<\/p>\n<p>\/* removes the background from the drop down arrow and the checkbox&nbsp;on right side of header and from the spacer cells before and after the header *\/<br \/>\n.ms-WPHeader&nbsp;.ms-WPHeaderTdMenu,<br \/>\n.ms-WPHeaderTdSelSpan<br \/>\n{<br \/>\n&nbsp;&nbsp; background-color:transparent;<br \/>\n}<\/p>\n<p>\/* right rounded corner *\/<br \/>\n.ms-WPHeader&nbsp;.ms-wpTdSpace<br \/>\n{<br \/>\n&nbsp;background-image:url(\u2018wpart_right.jpg\u2019);<br \/>\n&nbsp;background-position: right&nbsp; center;<br \/>\n&nbsp;background-repeat: no-repeat;<br \/>\n&nbsp;padding-left:5px;<br \/>\n}<\/p>\n<p>\/* left rounded corner *\/<br \/>\n.ms-WPHeader&nbsp;.ms-wpTdSpace:first-child<br \/>\n{<br \/>\n&nbsp;&nbsp; background: url(\u2018wpart_left.jpg\u2019) no-repeat;<br \/>\n&nbsp;&nbsp; background-position: left center;<br \/>\n&nbsp;&nbsp; padding-top: 0px;<br \/>\n&nbsp;&nbsp; padding-left: 0px;<br \/>\n}<\/p>\n<p>\/* removes the underline from under the header *\/<br \/>\n.ms-WPHeader TD<br \/>\n{<br \/>\n&nbsp;&nbsp;&nbsp; border-bottom: transparent 0px none !important;<br \/>\n&nbsp;&nbsp;&nbsp; border-right: transparent 0px none !important;<br \/>\n&nbsp;&nbsp;&nbsp; border-top: transparent 0px none !important;<br \/>\n&nbsp;&nbsp;&nbsp; border-left: transparent 0px none !important;<br \/>\n}<\/p>\n<p>\/*wpart title padding left*\/<br \/>\n.ms-WPHeader TD.ms-WPHeaderTd<br \/>\n{<br \/>\n&nbsp;padding-left:10px;<br \/>\n}<\/p>\n<p>\/* wpart title *\/<br \/>\n.ms-standardheader.ms-WPTitle a<br \/>\n{<br \/>\n&nbsp;&nbsp;font-weight:normal;<br \/>\n&nbsp;&nbsp;color:white;<br \/>\n&nbsp;&nbsp;font-weight:bold;<br \/>\n}<br \/>\n[\/code]<\/p>\n<p>not sure where I found this at but have been using for a year or two.<\/p>\n<p>If its yours let me know so I can give credit where credit is due.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here is some CSS for making Rounded Corners on a SharePoint 2010 Webpart Title [code] \/* repeating background for header *\/ .ms-WPHeader&nbsp;.ms-WPHeaderTd, .ms-WPHeaderTdMenu, .ms-WPHeaderTdMenu:hover, .ms-WPHeader TD.ms-WPHeaderTdSelection { &nbsp;&nbsp; background: url(\u2018wpart_back.jpg\u2019) repeat-x center left; &nbsp;&nbsp; margin: 0; &nbsp;&nbsp; height: 33px; &nbsp;&nbsp; border-color:transparent&nbsp;; &nbsp;&nbsp; background-color:transparent; } \/* removes the background from the drop down arrow and the [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[6,4],"tags":[12,29],"class_list":["post-112","post","type-post","status-publish","format-standard","hentry","category-css","category-sharepoint-2010","tag-customizing","tag-look-and-feel"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/s289k1-112","jetpack_likes_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/sharepointhacker.com\/index.php?rest_route=\/wp\/v2\/posts\/112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sharepointhacker.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sharepointhacker.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sharepointhacker.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sharepointhacker.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=112"}],"version-history":[{"count":5,"href":"https:\/\/sharepointhacker.com\/index.php?rest_route=\/wp\/v2\/posts\/112\/revisions"}],"predecessor-version":[{"id":116,"href":"https:\/\/sharepointhacker.com\/index.php?rest_route=\/wp\/v2\/posts\/112\/revisions\/116"}],"wp:attachment":[{"href":"https:\/\/sharepointhacker.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=112"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sharepointhacker.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=112"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sharepointhacker.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}