What is the code to remove large images for posts? « Support Forum | Kriesi.at

Support Forum » Choices

What is the code to remove large images for posts?

8 posts from 2 voices

Started 2 months ago by natclarke
Latest reply from natclarke
This topic is closed
This topic is not a support question

Tags:

No tags yet.

natclarke
Member

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

Posted 2 months ago #

Devin
Moderator

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

Posted 2 months ago #

natclarke
Member

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/

Posted 2 months ago #
natclarke
Member

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

Posted 2 months ago #

Devin
Moderator

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

Posted 2 months ago #

natclarke
Member

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;

Posted 2 months ago #
Devin
Moderator
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
Posted 2 months ago #
natclarke
Member

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

Posted 2 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.

Kriesi.at - Wordpress Themes and HTML Templates

What is the code to remove large images for posts?

Topic Closed

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…