Background image showing in breadrumbs - how to remove it?

seanie_morris

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).

Gast

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

seanie_morris

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.

;-)

seanie_morris

I solved it Dietmar, thanks!

I found that if I changed line 380 in framework/frontend.functions.php from:
print '<div class="breadcrumb"><span class="title">'.$title.'</span>';
toprint '<div class="breadcrumb">'.$title.'';
it worked. Removing the <span class="title"> reference did the trick.

:) Seanie.

Luisehahne

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

Dietmar
Note: Once the code has been generated, it is easy to debug. It's not a bug, it's a feature!

seanie_morris

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:
$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.