{"id":315,"date":"2015-07-25T14:38:00","date_gmt":"2015-07-25T14:38:00","guid":{"rendered":"https:\/\/www.geekmungus.co.uk\/?p=315"},"modified":"2022-11-05T10:53:19","modified_gmt":"2022-11-05T10:53:19","slug":"sharepoint-2013-fix-graphical-glitch-on-timeline","status":"publish","type":"post","link":"https:\/\/geekmungus.co.uk\/?p=315","title":{"rendered":"SharePoint 2013 &#8211; Fix graphical glitch on timeline"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">We had a weird graphical glitch on the timeline webpart on our SharePoint installation, we couldn&#8217;t figure out what was happening. Until that is we checked out the element in F12 Developer tools, within one of our customisations we used the <strong>.ms-rtestate-field img<\/strong> directive within our custom site CSS file.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So this is what we saw:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.geekmungus.co.uk\/wp-content\/uploads\/2021\/07\/image-48.png\" alt=\"\" class=\"wp-image-316\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To fix, I commented out this directive from our main.css (i.e. our custom CSS file), this resolved the problem, it also didn&#8217;t appear to affect any of the other pages.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We had a weird graphical glitch on the timeline webpart on our SharePoint installation, we couldn&#8217;t figure out what was happening. Until that is we checked out the element in F12 Developer tools, within one of our customisations we used the .ms-rtestate-field img directive within our custom site CSS file. So this is what we &#8230; <a title=\"SharePoint 2013 &#8211; Fix graphical glitch on timeline\" class=\"read-more\" href=\"https:\/\/geekmungus.co.uk\/?p=315\" aria-label=\"Read more about SharePoint 2013 &#8211; Fix graphical glitch on timeline\">Read more<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-315","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/geekmungus.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geekmungus.co.uk\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/geekmungus.co.uk\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/geekmungus.co.uk\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/geekmungus.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=315"}],"version-history":[{"count":1,"href":"https:\/\/geekmungus.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/315\/revisions"}],"predecessor-version":[{"id":1425,"href":"https:\/\/geekmungus.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/315\/revisions\/1425"}],"wp:attachment":[{"href":"https:\/\/geekmungus.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=315"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/geekmungus.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=315"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/geekmungus.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}