Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #20819

    Hi. I have managed to remove the large images from my posts with the code below, however on occasion they are showing large on the first page of my blog post and with portfolio images & Testimonials. So I may be missing a few code items. Here is the code I have placed in and what am I missing?

    Here is a link to my site:

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

    }

    #top.single-post #wrap_all .slideshow_container {

    display: none;

    }

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

    display: none;

    }

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

    }

    #109166

    Hi natclarke,

    I think the css is just a bit off. Those last two should just have page as the selector on the #top instead of “paged”.

    So try:

    #top.page .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.page .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;
    }

    Regards,

    Devin

    #109167

    Hi

    I have changed that but it is still showing a large blog image on the latest blog page but not on all of the others.

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

    #109168

    I also looked at the bottom of my site and code is showing there too!

    http://www.lifecleansing.net

    Here is my updated Css code

    }

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

    }

    #top.page .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.page .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;

    }

    #109169

    Try changing it to:

    .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;
    }
    #top.page .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.page .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;
    }

    h1, h2, h3, h4, h5, h6, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox{
    font-family:Lobster;
    }

    body, .flex_column h1, .flex_column h2, .flex_column h3, .flex_column h4, .flex_column h5, .flex_column h6, #top .widgettitle{
    font-family: georgia;
    }

    #109170

    Thanks

    I have noticed that the code is not showing the slide shows on my pages. I want the slide shows to show on pages but not where my blog is or on archive, category or tag pages.

    I have removed the code that is not working and this is what I have now:

    }

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

    #109171

    The css is incorrect at the start with that extra brack and period. CSS is sensitive so make sure to keep those things from getting added in accidentally.

    It looks like you added some CSS to the google analytics field instead of the Quick CSS field which is why you are getting code at the bottom of your site.

    You can try adding this css though it still may need to target specific pages since you have some blog feeds inside pages using dynamic templates:

    #top .post-entry .slideshow_container {
    display: none;
    }
    #top.category .slideshow_container.slide_container, #top.category .slideshow_container.slide_container_small, #top.date .slideshow_container.slide_container_small{
    display: none !important;
    }

    Regards,

    Devin

    #109172

    Thank You! This is fixed now. Very Much Appreciated!

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

The topic ‘What is the code to remove large images for posts?’ is closed to new replies.