Author Topic: Background image showing in breadrumbs - how to remove it?  (Read 549 times)

Offline seanie_morris

  • Posts: 284
  • Gender: Male
Background image showing in breadrumbs - how to remove it?
« 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:
Only registered users can see contents. Please click here to Register or Login.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.

Offline Luisehahne

  • WebsiteBaker Org e.V.
  • **
  • Posts: 4029
  • Gender: Male
    • Webdesign und Entwicklung WebsiteBaker
Re: Background image showing in breadrumbs - how to remove it?
« Reply #1 on: February 02, 2017, 04:32:01 PM »
Can we have an url to take a look in the generated html?

Dietmar
Eric T. Hansen, amerikanischer Buchautor „Nörgeln des Deutschen größte Lust"
Neues Unwort: Schnappatmung

Offline seanie_morris

  • Posts: 284
  • Gender: Male
Re: Background image showing in breadrumbs - how to remove it?
« Reply #2 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:
Only registered users can see contents. Please click here to Register or Login.to
Code:
Only registered users can see contents. Please click here to Register or Login.it worked. Removing the <span class="title"> reference did the trick.

:) Seanie.

Offline seanie_morris

  • Posts: 284
  • Gender: Male
Re: Background image showing in breadrumbs - how to remove it?
« Reply #3 on: February 22, 2017, 04:26:13 PM »
I found that if I changed line 380 in framework/frontend.functions.php...

In 2.8.3 SP7 it is line 394.

;-)

Offline jacobi22

  • Global Moderator
  • *****
  • Posts: 4678
  • Gender: Male
    • Jacobi22
Re: Background image showing in breadrumbs - how to remove it?
« Reply #4 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
Es bist immer nur Du, auch wenn du mich vergisst, es gibt niemanden, der mir näher ist
Immer nur du, die mich wach hält
(*miss you*)

Offline seanie_morris

  • Posts: 284
  • Gender: Male
Re: Background image showing in breadrumbs - how to remove it?
« Reply #5 on: March 01, 2017, 05:09:11 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).