http://www.kriesi.at/support/topic/show-first-image-in-post-in-featured-sections-and-thumbs Support Forum - Topic: Show first image in post in featured sections and thumbs en-US Sat, 18 May 2013 15:15:54 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/show-first-image-in-post-in-featured-sections-and-thumbs#post-98060 Fri, 22 Feb 2013 15:01:13 +0000 Devin 98060@http://www.kriesi.at/support/ <p>Glad Nick could help :)</p> <p>Let us know if you have any other questions or issues. </p> http://www.kriesi.at/support/topic/show-first-image-in-post-in-featured-sections-and-thumbs#post-97982 Fri, 22 Feb 2013 06:26:41 +0000 natclarke 97982@http://www.kriesi.at/support/ <p>Thank you so much! Just saved be days of work cropping photos. Very much appreciated. Nat </p> http://www.kriesi.at/support/topic/show-first-image-in-post-in-featured-sections-and-thumbs#post-97898 Thu, 21 Feb 2013 18:19:40 +0000 Nick 97898@http://www.kriesi.at/support/ <p>Hi,</p> <p>You changed one of the settings, before was small, now big. Just in case I will use both so you can switch between slider type. Please add the code below either to *the very end of custom.css* or to the very end of Quick CSS.</p> <pre><code>#top.paged .slideshow_container.slide_container_small, #top.category .slideshow_container.slide_container_, #top.category .slideshow_container.slide_container_small, #top.date .slideshow_container.slide_container_small{ display: none !important; } #top.paged .slideshow_container.slide_container_big, #top.category .slideshow_container.slide_container_, #top.category .slideshow_container.slide_container_big, #top.date .slideshow_container.slide_container_big{ display: none !important; }</code></pre> <p>That should take care of paged, categories, and by date archive. Please give me a link to page where images still show (after you insert the code and clear your browser cache.)</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/show-first-image-in-post-in-featured-sections-and-thumbs#post-97818 Thu, 21 Feb 2013 13:44:05 +0000 natclarke 97818@http://www.kriesi.at/support/ <p>Thanks Nick. I will take note of the changes</p> <p>1. I placed this code given in custom css but the large featured image is still showing on blog and category archives and archive blog pages:</p> <p>#top.paged .slideshow_container.slide_container_small, #top.category .slideshow_container.slide_container_, #top.category .slideshow_container.slide_container_small, #top.date .slideshow_container.slide_container_small{<br /> display: none !important;<br /> }</p> <p>2. See Links below:</p> <p>Blog Entry:</p> <p><a href="http://www.lifecleansing.net/blog-tips-for-living/" rel="nofollow">http://www.lifecleansing.net/blog-tips-for-living/</a></p> <p>3. Below is all the quick CSS I have entered:</p> <p>..title_container .breadcrumb {<br /> display: none;<br /> }</p> <p>ins iframe {<br /> width: 336px !important;<br /> }</p> <p>#top .post-title {<br /> font-size: 42px;<br /> font-weight: bold;<br /> color: #940d0d;<br /> line-height: 1.4em;<br /> margin-bottom: 10px;<br /> }</p> <p>p {<br /> font-size: 18px;<br /> line-height: 20px;<br /> }</p> <p>#top.single-post #wrap_all .slideshow_container {<br /> display: none;<br /> }</p> <p>.breadcrumb.breadcrumbs.avia-breadcrumbs, .post_nav {</p> <p>display: none;</p> <p>} </p> http://www.kriesi.at/support/topic/show-first-image-in-post-in-featured-sections-and-thumbs#post-97557 Wed, 20 Feb 2013 03:13:10 +0000 Nick 97557@http://www.kriesi.at/support/ <p>Hi,</p> <p>Please number your requests because it's hard to follow what was solved and what you are still looking for.</p> <p>The css provided should be added to the end of /css/custom.css file OR to Quick CSS located in the admin area Choices &gt; Theme Options &gt; Styles ... the text area at the bottom of the page.</p> <p>1) I have 500 posts. DO I have to put a page id for each page?</p> <p>That is done automatically by wordpress.</p> <p>2) I am not sure how to find the body class</p> <p>The body class is located in header.php file of the theme. Unless you know wordpress,html,php,css I recommend for you to leave it as is.</p> <p>3) Remove featured image from paginated pages <a href="http://www.lifecleansing.net/blog-tips-for-living/page/2/" rel="nofollow">http://www.lifecleansing.net/blog-tips-for-living/page/2/</a></p> <p>This code will take care of all issues in your last post. Please add this to Quick CSS as described earlier.<br /> <pre><code>#top.paged .slideshow_container.slide_container_small, #top.category .slideshow_container.slide_container_, #top.category .slideshow_container.slide_container_small, #top.date .slideshow_container.slide_container_small{ display: none !important; }</code></pre> <p>Just a bit of advice. Google will likely penalize you for having 3 near identical sets of pages unless you mark your pages as cononical or add noindex meta tags ( <a href="http://support.google.com/webmasters/bin/answer.py?hl=en&amp;answer=66359" rel="nofollow">http://support.google.com/webmasters/bin/answer.py?hl=en&amp;answer=66359</a> and <a href="http://googlewebmastercentral.blogspot.com/2009/02/specify-your-canonical.html" rel="nofollow">http://googlewebmastercentral.blogspot.com/2009/02/specify-your-canonical.html</a> ) </p> <p>-----off topic</p> <p>I see that you have incorrectly added google analytics. In the place where you pasted just your analytics id 'UA-28889041-1' (its public), you need to paste the entire javascript code with your id inside the code. Either in Google Analytics Visits Plugin or in Choices &gt; Theme Options , please replace where you pasted your analytics id with code below (i added your analytics id in there , so all you need to do is paste it.<br /> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; var _gaq = _gaq || []; _gaq.push([&#39;_setAccount&#39;, &#39;UA-28889041-1&#39;]); _gaq.push([&#39;_trackPageview&#39;]); (function() { var ga = document.createElement(&#39;script&#39;); ga.type = &#39;text/javascript&#39;; ga.async = true; ga.src = (&#39;https:&#39; == document.location.protocol ? &#39;https://ssl&#39; : &#39;http://www&#39;) + &#39;.google-analytics.com/ga.js&#39;; var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(ga, s); })(); &lt;/script&gt;</code></pre> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/show-first-image-in-post-in-featured-sections-and-thumbs#post-97437 Tue, 19 Feb 2013 14:53:26 +0000 natclarke 97437@http://www.kriesi.at/support/ <p>This page is how I want my blog to show: It is working well with the css code put in.<br /> <a href="http://www.lifecleansing.net/improve-your-posture-and-improve-your-health/" rel="nofollow">http://www.lifecleansing.net/improve-your-posture-and-improve-your-health/</a></p> <p>1. However My blog page on from my menu:</p> <p>This one is still showing the featured image and I don't want it to show. What code do I need to use here to remove it?<br /> <a href="http://www.lifecleansing.net/blog-tips-for-living/page/2/" rel="nofollow">http://www.lifecleansing.net/blog-tips-for-living/page/2/</a></p> <p>I also don't want to show the large slideshow pictures in my month archive pages if possible. What code do I need there?</p> <p><a href="http://www.lifecleansing.net/2013/02/" rel="nofollow">http://www.lifecleansing.net/2013/02/</a></p> <p>I also don't want to show the large slideshow pictures in my category archive pages if possible. What code do I need there?</p> <p><a href="http://www.lifecleansing.net/category/accomodation/" rel="nofollow">http://www.lifecleansing.net/category/accomodation/</a></p> <p>Thanks</p> <p>Natalie </p> http://www.kriesi.at/support/topic/show-first-image-in-post-in-featured-sections-and-thumbs#post-97430 Tue, 19 Feb 2013 14:30:29 +0000 natclarke 97430@http://www.kriesi.at/support/ <p>I tried the following with my page number (finally found page number!)</p> <p>.page-id-31 .slideshow_container.slide_container_big {<br /> display: none;<br /> }</p> <p>However it took out my banner and i want that it. I don't want the large pictures on the blog page. Please see the last post. </p> http://www.kriesi.at/support/topic/show-first-image-in-post-in-featured-sections-and-thumbs#post-97423 Tue, 19 Feb 2013 13:59:12 +0000 natclarke 97423@http://www.kriesi.at/support/ <p>The breadcrumb code finally worked! YEAH! THANKS!</p> <p>I have two areas on my site where my blog is posted.</p> <p>On the first one with the css code, the image is no longer showing: </p> <p>Firstly: (This works. YEAH)</p> <p>Example Post: <a href="http://www.lifecleansing.net/improve-your-posture-and-improve-your-health/" rel="nofollow">http://www.lifecleansing.net/improve-your-posture-and-improve-your-health/</a></p> <p>Secondly on blog page on from my menu:</p> <p>This one is still showing the featured image and I don't want it to show. What code do I need to use here? </p> <p><a href="http://www.lifecleansing.net/blog-tips-for-living/page/2/" rel="nofollow">http://www.lifecleansing.net/blog-tips-for-living/page/2/</a> </p> http://www.kriesi.at/support/topic/show-first-image-in-post-in-featured-sections-and-thumbs#post-97415 Tue, 19 Feb 2013 13:14:19 +0000 natclarke 97415@http://www.kriesi.at/support/ <p>Thanks! Here is a link to my blog page: <a href="http://www.lifecleansing.net/improve-your-posture-and-improve-your-health/" rel="nofollow">http://www.lifecleansing.net/improve-your-posture-and-improve-your-health/</a><br /> Where do I change the blog title in the code?</p> <p>I have 500 posts. DO I have to put a page id for each page? </p> <p>I am not sure how to find the body class </p> http://www.kriesi.at/support/topic/show-first-image-in-post-in-featured-sections-and-thumbs#post-97404 Tue, 19 Feb 2013 11:45:35 +0000 Ismael 97404@http://www.kriesi.at/support/ <p>Hi,</p> <p>1.) You can use this on your custom.css, .page-id-31 is my blog page id. It might be different in your installation. Just inspect the page then look for the body class.</p> <pre><code>.page-id-31 .slideshow_container.slide_container_big { display: none; }</code></pre> <p>2.) Can you give us a link to the page? You can change the page name.</p> <p>3.) To remove the breadcrumbs just add this on your custom.css</p> <pre><code>.breadcrumb.breadcrumbs.avia-breadcrumbs, .post_nav { display: none; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/show-first-image-in-post-in-featured-sections-and-thumbs#post-97393 Tue, 19 Feb 2013 09:37:49 +0000 natclarke 97393@http://www.kriesi.at/support/ <p>I tried using the template builder but it does not show the related entries or area for users to make a comment. If it could do that I would be happy!</p> <p>So I need to adjust the following for there is no other option:</p> <p>Is there a custom css code to not show the featured image from all posts in the blog?</p> <p>Can I change the heading that appears " Blog - Latest News" to "A tip for living"</p> <p>Can I remove the breadcrumb that appears at the top and the bottom of the page?</p> <p>Here is a sample page: <a href="http://www.lifecleansing.net/improve-your-posture-and-improve-your-health/" rel="nofollow">http://www.lifecleansing.net/improve-your-posture-and-improve-your-health/</a></p> <p>PLEASE HELP? </p> http://www.kriesi.at/support/topic/show-first-image-in-post-in-featured-sections-and-thumbs#post-97375 Tue, 19 Feb 2013 06:46:50 +0000 natclarke 97375@http://www.kriesi.at/support/ <p>This is not working. I have gone into the post and pressed adjust page layout and it takes the image and puts it below. However it is just to large and I would prefer for it not to show at all in all my posts rather than having to resize over 500 images.</p> <p>Questions:</p> <p> Is there a custom css code to not show the featured image from all posts in the blog? </p> <p>Can I change the heading that appears " Blog - Latest News" to "A tip for living"</p> <p>Can I remove the breadcrumb that appears at the top and the bottom of the page?</p> <p>Here is a sample page: <a href="http://www.lifecleansing.net/improve-your-posture-and-improve-your-health/" rel="nofollow">http://www.lifecleansing.net/improve-your-posture-and-improve-your-health/</a> </p> http://www.kriesi.at/support/topic/show-first-image-in-post-in-featured-sections-and-thumbs#post-97275 Mon, 18 Feb 2013 16:38:04 +0000 Devin 97275@http://www.kriesi.at/support/ <p>Hi natclarke,</p> <p>The slideshow/featured image isn't able to pull from inside the visual editor. The image must be added into the themes featured gallery.</p> <p>You could use the theme settings in Layout &amp; Setting for Slideshow behavior on overview pages. The third option will let you use the first image on overview pages but not show the rest of the images in the slideshow. Then on the single page, it will skip that first image and only show the rest of the slideshow. This way you have a thumbnail/preview image but it doesn't get shown on that actual page.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/show-first-image-in-post-in-featured-sections-and-thumbs#post-97154 Mon, 18 Feb 2013 06:22:59 +0000 natclarke 97154@http://www.kriesi.at/support/ <p>I would like to add a banner to the slideshow and moving the images to the post to reduce the sizes. </p> <p>However, the banner shows in all the thumbs etc and not the image I would like to show. Is there a way to show the first image in the post through the site rather than the featured banner in the slide show? </p>