{"id":947,"date":"2021-06-04T06:10:22","date_gmt":"2021-06-04T06:10:22","guid":{"rendered":"https:\/\/loftocean.com\/doc\/?p=947"},"modified":"2021-06-04T07:00:58","modified_gmt":"2021-06-04T07:00:58","slug":"smart-slider-3-related-issues","status":"publish","type":"post","link":"https:\/\/loftocean.com\/doc\/blog\/general-faqs\/smart-slider-3-related-issues\/","title":{"rendered":"Smart Slider 3 related issues"},"content":{"rendered":"\n<p>Recently (June 2021) we found that some changes have been made in the recent update of the third-party plugin <strong>Smart Slider 3<\/strong>, which may cause the following problems to occur in any theme of Loft.Ocean:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Slider background image cannot show;<\/li><li>Slider&#8217;s &#8220;Force Full Width&#8221; no longer works.<\/li><\/ul>\n\n\n\n<p>The reason for the above problems is that the changes made in the latest update of this plugin did not take into account that many WordPress themes reset the margins of web page elements in different ways. Before the recent update of the plugin was released, these problems did not occur when using any of our themes. This is <strong>a new compatibility issue<\/strong> between this plugin and our themes.<\/p>\n\n\n\n<p>Unfortunately, as a theme author, we cannot predict how any third-party plugin developers will update their plugins, so we cannot predict and prepare for such situations.<\/p>\n\n\n\n<p>To resolve the these issues, please add the following CSS to your website (via the WordPress&nbsp;<strong>Customizer<\/strong>&nbsp;&gt; \u201c<strong>Additional CSS<\/strong>\u201d section):<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.n2-section-smartslider * {\n\tmargin: 0; \n}<\/code><\/pre>\n\n\n\n<p>Please refer to the screenshot:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/loftocean.com\/doc\/wp-content\/uploads\/2021\/06\/fix-smart-slider-3-issues.png\" alt=\"\" class=\"wp-image-948\" width=\"272\" height=\"408\" srcset=\"https:\/\/loftocean.com\/doc\/wp-content\/uploads\/2021\/06\/fix-smart-slider-3-issues.png 590w, https:\/\/loftocean.com\/doc\/wp-content\/uploads\/2021\/06\/fix-smart-slider-3-issues-200x300.png 200w\" sizes=\"auto, (max-width: 272px) 100vw, 272px\" \/><\/figure>\n\n\n\n<p>After adding the CSS code, please save and publish the changes. And then, please clear the site cache and the browser cache, and refresh the page to check the results.<\/p>\n\n\n<hr class=\"lo-divider\" style=\"border-top: solid 1px #ddd;\" \/>\n\n\n<p>When there are compatibility issues between the theme and the third-party plugin or between different plugins, if one party simply shirks the responsibility and attributes the cause of the problem to other people&#8217;s products, it is very unfriendly to users. Because compatibility issues can be resolved by either party.<\/p>\n\n\n\n<p>For the convenience of our theme users, we will update all our themes one by one in the near future to add this line of code to fix this new compatibility issue.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Recently (June 2021) we found that some changes have been made in the recent update of the third-party plugin Smart Slider 3, which may cause the following problems to occur&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"loftocean_post_format_gallery":"","loftocean_post_format_gallery_ids":"","loftocean_post_format_gallery_urls":"","loftocean_post_format_video_id":0,"loftocean_post_format_video_url":"","loftocean_post_format_video_type":"","loftocean_post_format_video":"","loftocean_post_format_audio_type":"","loftocean_post_format_audio_url":"","loftocean_post_format_audio_id":0,"loftocean_post_format_audio":"","fallsky_single_post_hide_thumbnail":"","fallsky_single_post_template":"","fallsky_single_post_sidebar":"","loftocean-featured-post":"","loftocean-like-count":0,"loftocean-view-count":4829,"loftocean_post_co_authors":"","loftocean_single_post_author_order":"","fallsky_page_header_layout":"","fallsky_hide_page_header":"","fallsky_hide_before_page_content_ad":"","fallsky_hide_after_page_content_ad":"","footnotes":""},"categories":[4],"tags":[],"class_list":{"0":"post-947","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-general-faqs"},"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/wp-json\/wp\/v2\/posts\/947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/wp-json\/wp\/v2\/comments?post=947"}],"version-history":[{"count":5,"href":"https:\/\/loftocean.com\/doc\/wp-json\/wp\/v2\/posts\/947\/revisions"}],"predecessor-version":[{"id":955,"href":"https:\/\/loftocean.com\/doc\/wp-json\/wp\/v2\/posts\/947\/revisions\/955"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/wp-json\/wp\/v2\/media?parent=947"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/loftocean.com\/doc\/wp-json\/wp\/v2\/categories?post=947"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/loftocean.com\/doc\/wp-json\/wp\/v2\/tags?post=947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}