Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #20454

    I would like to add a banner to the slideshow and moving the images to the post to reduce the sizes.

    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?

    #107689

    Hi natclarke,

    The slideshow/featured image isn’t able to pull from inside the visual editor. The image must be added into the themes featured gallery.

    You could use the theme settings in Layout & 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.

    Regards,

    Devin

    #107690

    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.

    Questions:

    Is there a custom css code to not show the featured image from all posts in the blog?

    Can I change the heading that appears ” Blog – Latest News” to “A tip for living”

    Can I remove the breadcrumb that appears at the top and the bottom of the page?

    Here is a sample page: http://www.lifecleansing.net/improve-your-posture-and-improve-your-health/

    #107691

    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!

    So I need to adjust the following for there is no other option:

    Is there a custom css code to not show the featured image from all posts in the blog?

    Can I change the heading that appears ” Blog – Latest News” to “A tip for living”

    Can I remove the breadcrumb that appears at the top and the bottom of the page?

    Here is a sample page: http://www.lifecleansing.net/improve-your-posture-and-improve-your-health/

    PLEASE HELP?

    #107692

    Hi,

    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.

    .page-id-31 .slideshow_container.slide_container_big {
    display: none;
    }

    2.) Can you give us a link to the page? You can change the page name.

    3.) To remove the breadcrumbs just add this on your custom.css

    .breadcrumb.breadcrumbs.avia-breadcrumbs, .post_nav {

    display: none;

    }

    Regards,

    Ismael

    #107693

    Thanks! Here is a link to my blog page: http://www.lifecleansing.net/improve-your-posture-and-improve-your-health/

    Where do I change the blog title in the code?

    I have 500 posts. DO I have to put a page id for each page?

    I am not sure how to find the body class

    #107694

    The breadcrumb code finally worked! YEAH! THANKS!

    I have two areas on my site where my blog is posted.

    On the first one with the css code, the image is no longer showing:

    Firstly: (This works. YEAH)

    Example Post: http://www.lifecleansing.net/improve-your-posture-and-improve-your-health/

    Secondly on blog page on from my menu:

    This one is still showing the featured image and I don’t want it to show. What code do I need to use here?

    http://www.lifecleansing.net/blog-tips-for-living/page/2/

    #107695

    I tried the following with my page number (finally found page number!)

    .page-id-31 .slideshow_container.slide_container_big {

    display: none;

    }

    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.

    #107696

    This page is how I want my blog to show: It is working well with the css code put in.

    http://www.lifecleansing.net/improve-your-posture-and-improve-your-health/

    1. However My blog page on from my menu:

    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?

    http://www.lifecleansing.net/blog-tips-for-living/page/2/

    I also don’t want to show the large slideshow pictures in my month archive pages if possible. What code do I need there?

    http://www.lifecleansing.net/2013/02/

    I also don’t want to show the large slideshow pictures in my category archive pages if possible. What code do I need there?

    http://www.lifecleansing.net/category/accomodation/

    Thanks

    Natalie

    #107697

    Hi,

    Please number your requests because it’s hard to follow what was solved and what you are still looking for.

    The css provided should be added to the end of /css/custom.css file OR to Quick CSS located in the admin area Choices > Theme Options > Styles … the text area at the bottom of the page.

    1) I have 500 posts. DO I have to put a page id for each page?

    That is done automatically by wordpress.

    2) I am not sure how to find the body class

    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.

    3) Remove featured image from paginated pages http://www.lifecleansing.net/blog-tips-for-living/page/2/

    This code will take care of all issues in your last post. Please add this to Quick CSS as described earlier.

    #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;
    }

    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 ( http://support.google.com/webmasters/bin/answer.py?hl=en&answer=66359 and http://googlewebmastercentral.blogspot.com/2009/02/specify-your-canonical.html )


    off topic

    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 > 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.

    <script type="text/javascript">

    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-28889041-1']);
    _gaq.push(['_trackPageview']);

    (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();

    </script>

    Thanks,

    Nick

    #107698

    Thanks Nick. I will take note of the changes

    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:

    #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;

    }

    2. See Links below:

    Blog Entry:

    http://www.lifecleansing.net/blog-tips-for-living/

    3. Below is all the quick CSS I have entered:

    ..title_container .breadcrumb {

    display: none;

    }

    ins iframe {

    width: 336px !important;

    }

    #top .post-title {

    font-size: 42px;

    font-weight: bold;

    color: #940d0d;

    line-height: 1.4em;

    margin-bottom: 10px;

    }

    p {

    font-size: 18px;

    line-height: 20px;

    }

    #top.single-post #wrap_all .slideshow_container {

    display: none;

    }

    .breadcrumb.breadcrumbs.avia-breadcrumbs, .post_nav {

    display: none;

    }

    #107699

    Hi,

    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.

    #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;
    }

    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.)

    Thanks,

    Nick

    #107700

    Thank you so much! Just saved be days of work cropping photos. Very much appreciated. Nat

    #107701

    Glad Nick could help :)

    Let us know if you have any other questions or issues.

Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘Show first image in post in featured sections and thumbs’ is closed to new replies.