closed not resolvedI 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?
Devin
Moderator
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
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/
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?
Ismael
Moderator
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
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
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?
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.
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
Nick
Moderator
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
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;
}
Nick
Moderator
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
This topic has been closed to new replies.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
