WebsiteBaker Logo
  • *
  • Templates
  • Help
  • Add-ons
  • Download
  • Home
*
Welcome, Guest. Please login or register.

Login with username, password and session length
 

News


WebsiteBaker 2.13.8 is now available!


R.I.P Dietmar (luisehahne) and thank you for all your valuable work for WB
https://forum.websitebaker.org/index.php/topic,32355.0.html


* Support WebsiteBaker

Your donations will help to:

  • Pay for our dedicated server
  • Pay for domain registration
  • and much more!

You can donate by clicking on the button below.


  • Home
  • Help
  • Search
  • Login
  • Register

  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • Background image showing in breadrumbs - how to remove it?
  • Print
Pages: [1]   Go Down

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

Offline seanie_morris

  • Posts: 301
  • 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: [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.
Logged

Offline Luisehahne

  • WebsiteBaker Org e.V.
  • **
  • Posts: 4548
  • Gender: Male
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
Logged
Note: Once the code has been generated, it is easy to debug. It's not a bug, it's a feature!

Offline seanie_morris

  • Posts: 301
  • 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: [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.
Logged

Offline seanie_morris

  • Posts: 301
  • Gender: Male
Re: Background image showing in breadrumbs - how to remove it?
« Reply #3 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.

;-)
Logged

Offline jacobi22

  • Betatester
  • **
  • Posts: 5921
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
Logged

Offline seanie_morris

  • Posts: 301
  • Gender: Male
Re: Background image showing in breadrumbs - how to remove it?
« Reply #5 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).
Logged

  • Print
Pages: [1]   Go Up
  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • Background image showing in breadrumbs - how to remove it?
 

  • SMF 2.0.19 | SMF © 2017, Simple Machines
  • XHTML
  • RSS
  • WAP2