Breadcrumbs - Change where they display?

Is there a way to have the breadcrumbs display within the page content after my banner image for example: http://development.fourier.com.au/f2/product-services/onsite-remote-support/ instead of before it?

Or would I have to disable breadcrumbs and add them manually to do this?

Thanks in advance for any help.

Hello,

It will be difficult to add the breadcrumb into your article content. I think will be much easier to add your image into text widget (instead of the article content) in Top1 or Top2 widget area and set widget rules to display this text widget (image) only on Products & Services page.

Ahhh thank you Piotr... I didn't think of that

Can you tell me the override css to reduce the font size of the breadcrumbs? I've tried in the browser with firebug but nothing is making any difference.

Hi Piotr
I have a problem now with the image in the widget area. This is the code I put in:

Code: Select all

<img src="http://development.fourier.com.au/f2/wp-content/uploads/2014/04/onsite_remotesupport1200.png" align="left">

As you can see: http://development.fourier.com.au/f2/product-services/onsite-remote-support/ the image is not aligning to the left. I tried making the image wider using from 900px up to 1200px but still it does not left align.

Any suggestions for this?
Really appreciate all your help so far

Hello,

It's because of image and widget padding, try to add this code into override.css file:

Code: Select all

.page-id-1165 #gk-top2 .box,
.page-id-1165 #gk-top2 .box img {
   padding: 0;
}

Breadcrumb font size, you can change with this code:

Code: Select all

#gk-breadcrumb-area {
font-size: 13px;
}

Thanks Piotr

I have quite a few images to place in the Top II widget area to appear on one page only. Should I use your block of code above for every page individually or can it be changed to include several different pages?

Sharlene

Hi,

You can use this code for top2 widget area on all pages:

Code: Select all

#gk-top2 .box,
#gk-top2 .box img {
   padding: 0;
}