Styling the breadcrumbs

I'm trying to add a css3 drop shadow behind the text that makes up the breadcrumbs on pages other than the home page. I'm referring to the text under the logo that tells the user where they are in the site, like Home -> About.

Inspecting these elements with dev tools and adding styles (even with !important rules applied directly in-line) has been yielding no results. I can't even change their color. Any suggestions on how to style this text?

 

Hello,

Go to js > custom.js present in your theme directory and remove the code given below

Code:

 //Cufon replacement
Cufon.replace('h1')('h2')('h3')('h4')('h5')('h6')('.ddsmoothmenu a');

Now,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.page_heading_container .page_heading_content h1{
color:red;
}
.page_heading_container .page_heading_content h1 a {
color:red;
}
.page_heading_container .page_heading_content span.current{
color:red;
} 

Inplace of "red" put your color code.


Thanks & Regards
Gourav Shrivastava

 

Very nice! The red is showing up. Any idea why this style is not showing up?

text-shadow:5px 5px 7px #000000;

Here's the page. You can see in the dev tools that the style is being applied, but I can't get it to actually show on the page.
http://9a2.660.myftpupload.com/services-overview/

 

Hello,

I have checked your website and it seems that you haven't remove the cufon code from the custom.js file.
Go to js > custom.js present in parent theme directory and remove the code given below from that file.

Code:

 //Cufon replacement
Cufon.replace('h1')('h2')('h3')('h4')('h5')('h6')('.ddsmoothmenu a');
 

After that your text-shadow code will work fine.

 

Hm, I did make that change, but you're right, it seems it's not pulling in the updated file. Perhaps I structured my child theme incorrectly. In the themes folder, I set up the child theme called "butterbellytheme - child". In the child theme's folder, I set up a structure for the js similar to how it is in the parent theme: butterbellytheme - child/js/custom.js

In the child theme's .js, I have commented out the Cufon.replace line. How do I ensure that my custom.js is loading, and not the original custom.js?

 

Hello,

Child theme works for files in the parent theme main directory.
You are trying to add subdirectory (js > custom.js) file. That's why it is not working.

Remove the cufon code from the custom.js file of parent theme.
You have to remove this cufon code manually again when you update your parent theme.
So, we would like to suggest you that you have to save all your changes in the file on your system as a backup and always replace them after updating the theme.

 

Ok, am seeing the changes reflecting, although the font is very clunky looking now. I guess that's why that line of .js was there in the first place! I'll keep playing with it and let you know if I have any further questions. Thanks for the advice on managing the child theme.