WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: seanie_morris on February 02, 2017, 12:18:26 PM

Title: Background image showing in breadrumbs - how to remove it?
Post by: seanie_morris on February 02, 2017, 12:18:26 PM

Hi,
My breadcrumbs placeholder on the Overdrive template is displaying a background image, the image is the one used for the .title property in style.css

I found the line in framework/frontend.functions.php that is calling it:

Code: [Select]

$title = (trim($title) == '') ? $MENU['BREADCRUMB'] : $title;How do I edit this line to remove the image? I tried a few variations, even deleting the line, but most of the time when I do this, the breadcrumb text "You are here:" is removed from the breadcrumbs.

I have removed any color or background-image property from the #breadcrumbs element in style.css so that it is a transparent area. The image only underlays on the 'You are here:' part of the breadcrumb.

Seanie.

Title: Re: Background image showing in breadrumbs - how to remove it?
Post by: Luisehahne on February 02, 2017, 04:32:01 PM

Can we have an url to take a look in the generated html?

Dietmar

Title: Re: Background image showing in breadrumbs - how to remove it?
Post by: seanie_morris on February 02, 2017, 09:40:58 PM

I solved it Dietmar, thanks!

I found that if I changed line 380 in framework/frontend.functions.php from:

Code: [Select]

print '<div class="breadcrumb"><span class="title">'.$title.'</span>';to

Code: [Select]

print '<div class="breadcrumb">'.$title.'';it worked. Removing the <span class="title"> reference did the trick.

:) Seanie.

Title: Re: Background image showing in breadrumbs - how to remove it?
Post by: seanie_morris on February 22, 2017, 04:26:13 PM

Quote from: seanie_morris on February 02, 2017, 09:40:58 PM

I found that if I changed line 380 in framework/frontend.functions.php...

In 2.8.3 SP7 it is line 394.

;-)

Title: Re: Background image showing in breadrumbs - how to remove it?
Post by: Gast on February 22, 2017, 05:08:22 PM

if we now change this code, maybe a lot of users lost the styling for the breadcrumbs

rename the class="title" from your background picture looks like a better solution

Title: Re: Background image showing in breadrumbs - how to remove it?
Post by: seanie_morris on March 01, 2017, 05:09:11 PM

Quote from: jacobi22 on February 22, 2017, 05:08:22 PM

if we now change this code, maybe a lot of users lost the styling for the breadcrumbs

rename the class="title" from your background picture looks like a better solution

That would depend on the size of the area that Breadcrumbs are taking up. For me, I'm just placing it in a c.50px high space so I only get a portion of the title image that is declared in the CSS. I've messed around with this since, creating a new class that <span> can use instead, like an arrow graphic, or binoculars graphic, and so on (or even just mess around with the class 'breadcrumb' in the CSS and leave <span> out of it altogether).