[Theme: Customizr] Remove, Hide or Style Blog Title

I tried removing it using the code: .page-id-28 .breadcrumbs, {display: none;} but this has no effect.

Use !important with display property. like:

.page-id-28 .breadcrumbs, {display: none!important;}

When I use Firebug Inspect Element it tells me that the news heading
is <h1 class="entry-title format-icon tc-hide-icon">News</h1> but I'm not sure what to do with that information.

.entry-title{
margin-bottom:30px; // to give space between Page title and post title
color:give your desired color here; // to change the color of the title
}

The two solutions for margin and color worked perfectly – so easy I could almost cry! – but the breadcrumbs solution doesn’t work unfortunately.
This is the code as per your suggestion but the comma after breadcrumbs shouldn’t be there, should it?

.page-id-28 .breadcrumbs {
display: none!important;
}

Thanks for your help.

No, comma doesn’t suppose to be there, i am sorry for that.
Try with the following code, i hope it will work:)

.blog .breadcrumbs {
display: none!important;
}

Is it the breadcrumbs on 1) only that page or 2) all pages?

1) Above should work
2) .breadcrumbs { should work, but easier to go to Customize>Pages&Posts Layout and uncheck ‘Display Breadcrumbs’

And shouldn’t need !important ?

This breadcrumbs code is for blog page that is your NEWS page at the moment.
If it can be removed with the 2nd one, then no need to edit your stylesheet. You can go with it.
!important is used to forcefully apply the css property. If it works fine without !important. Then no need to use it.

This code worked a treat so Thank You!

.blog .breadcrumbs {
display: none;
}

When I look at each post, I notice that I have breadcrumbs displayed – Home > News > News > which doesn’t look ideal.

I used .single-post .breadcrumbs {display: none;} to remove them which works great (it’s amazing the power of a little knowledge and Firebug Inspector) but I really only want to remove the Category from the trail so I have Home > News. I have categories in use on the online store so I need to be careful.

btw Dave, it was your answer to this support question that I have used to remove the breadcrumbs from specific pages.

Thanks

I see your problem. Design question: If I click on Menu:News, I see 2 posts which are Full posts, not excerpts. So if I click on Post #1, I see same information but with a different layout.

Doesn’t feel logical to me. I’d want to stop at Menu:News and not go lower. That removes the breadcrumb issue.

If not, then I’m not a big fan of the breadcrumbs so you could remove from that lower page. But maybe change the higher page to an excerpt to create the need to go lower.

Hope this makes sense!

Hi Dave,

Yes I agree. There is no point in going lower but how do I do that? I did see a code snippet to remove the links but how do I keep the color for the titles?

Thanks

Actually I find the snippet – is this what you meant?

add_action('wp_head' , 'remove_post_list_title_links');
function remove_post_list_title_links() {
?>
<script id="remove-links-in-title" type="text/javascript">
jQuery(document).ready(function($) {
$('.entry-title').each(function() {
var $title_link = $('a[rel="bookmark"]' , $(this)),
$title_text = $title_link.text();
$title_link.remove();
$(this).prepend($title_text);
});
});
</script>
<?php
}

That works. I’m going to mark this issue as resolved and thank you both very much for your support. ??