How can I add some space betweeen the breadcrumbs and my content?

Yes, but need site link to help.

Hi @rdellconsulting

Site is Babesfromparadise, Im trying to add space to the bottom of the breadcrumbs and style the text I added to the top of the featured pages block. I removed all images on site except the feature images.

Thank for your help.

Breadcrumb:

.breadcrumb-trail {
    margin-bottom: 20px; /* Adjust */
}

How did you add Style This Text? Not made it easy because there is no selector (eg <p>) or class/id to target it with.

This snippet would make it easier

Hi @rdellconsulting

The code you gave me probably works but I think I broke my CSS style sheet. Adding or removing parts of it now does nothing to my page. I have been trying to minify css, html and java script. This probably is the problem. Is there a way to fix this? Any help would be greatly appreciated.

Oh and I added the text using this snippet I found on Themesandco site.

add_filter('tc_fp_block_display', 'content_before_fp');
function content_before_fp($html) {
$before_fp = 'Style this text'; //Put your HTML inside this var
return $before_fp.$html;
}

Hey @rdellconsulting

I managed to find the culprit that made my style sheet stop working. It was a recent plug in I had added, W3 Total Cache. Don’t know why or how it was messing with my style sheet, but it was. I removed it completely and went back to WP Super Cache. Everything is now back to normal. Just tried out the code you suggested, it works perfectly. Thank you! I also found a way around it, I could’ve of just given my .page h1.entry-title a top margin and it would of also worked. But thanks for your suggestion. As for the text on my featured pages block, do you think it would be possible to style the text without having to use a different snippet? Thanks for your help.

Hi @rdellconsulting

I tried out the snippet you suggested and I actually like it better than the one I have. I managed to find the css selector for it and style it, but I want to remove the call to action button on the right of it. This is the code I think I should just remove but I don’t want to end up making a mistake and breaking my site.

<div class="span4 text-center">
<?php
printf('<a class="btn btn-large btn-warning">%1$s</a>',
__('Call to action')
)
?>
</div>

Is this the right piece of code to remove from the snippet to get rid of the call to action button? Hope you don’t mind all these questions. Thanks for your help.

I love it when someone like you has a go and gets it working!

I had problems with W3TC in the past and had to change to WP Supercache, but it does the job for me.

I’d noticed you’d minified. You should only minify when you have completed your changes and have a stable system. Caching and minifying will be effective for performance, but get the site stable first is my advice.

Action Button – yes, that’s the code you need to remove.

Hi @rdellconsulting

Thanks for the comment! I don’t know how W3TC was messing with my style sheet, but it wasn’t letting me add any more styles so I moved back to WP Supercache. WPSc is really good, plus it’s easier to use for us newbies.

Thanks for the advice. I thought it was better to minify before I started adding content to my site. Minifying my site before adding content won’t create a problem or will it??

I removed the call to action button btw, thanks! But I’ve ran into another problem. I can’t seem to center the text I added.
I can change the color of the font and add margins but I can’t center it, any help?
This is the code I’m using for it.

/* Text on top of featured pages block */
#my-content-header h1{
color: #e67fb9;
text-align: center;
margin: 10px 0 10px 0;
}

Never mind that last question, I got it to work. I added a left padding to it and I was able to move it to the center. Thanks for your help, @rdellconsulting!

The usual way to center within a <div> is to use
margin: 0 auto;

Czr uses a span3 Logo + span9 Header Box so centering the menu is a bit more challenging.

But as usual, there are many ways to skin the CSS cat…