Breadcrumb Content Block Update / Customization Issues

Richard

The breadcrumb is occupying a separate line for each level. The only CSS I have used is to hide it for visitors, which does still work. Was this what you intended? It looks weird to me. :scratch

leftquark

For me I had to change my ".sm-breadcrumb" code to be ".sm-breadcrumbs" (with an S on the end) and that got rid of the issue. Testing it on yours, it looks like it works as well.

Richard

That fixed it. Thanks for the quick response .

AceCo55

Hi Aaron
Sorry if this is not the place to report this

I was given this code:
/*enhance the last entry of breadcrumb */
.sm-user-ui .sm-breadcrumb-item h1 {
color: #fbd713;
font-size: 18px;
}

The colour is being ignored - it is just white like the rest of the breadcrumb
The last entry is huge and if I change the font-size number - nothing changes.

I added !important; (to color and font-size) .......... but still no change


EDIT: THE SOLUTION - Thanks to Denise

Had to change this: .sm-user-ui .sm-breadcrumb-item h1 {
To this: .sm-user-ui .sm-breadcrumb-item h1 {

Richard

I suspect the solution can be found somewhere in this thread: http://dgrin.com/showthread.php?t=256637

Note to Aaron: Maybe start a thread specifically titled breadcrumb problems. I think the relevant stuff is out there, but it's buried in several different threads.

AceCo55

Richard wrote: »

I suspect the solution can be found somewhere in this thread: http://dgrin.com/showthread.php?t=256637

Note to Aaron: Maybe start a thread specifically titled breadcrumb problems. I think the relevant stuff is out there, but it's buried in several different threads.

Yes, thanks Richard.
That did the trick ... Denise had the change I needed.
I have update my post (above) to show the solution.

leftquark

FYI: I've moved all the breadcrumb related posts to their own thread, per the suggestion above. Good idea!

Allen

AceCo55 wrote: »

Hi Aaron
Sorry if this is not the place to report this

I was given this code:
/*enhance the last entry of breadcrumb */
.sm-user-ui .sm-breadcrumb-item h1 {
color: #fbd713;
font-size: 18px;
}

The colour is being ignored - it is just white like the rest of the breadcrumb
The last entry is huge and if I change the font-size number - nothing changes.

I added !important; (to color and font-size) .......... but still no change


EDIT: THE SOLUTION - Thanks to Denise

Had to change this: .sm-user-ui .sm-breadcrumb-item h1 {
To this: .sm-user-ui .sm-breadcrumb-item h1 {

I removed the -item to got it to work.
.sm-breadcrumb-item h1 {...
like this
.sm-breadcrumb h1 {...

Each breadcrumb li has a class of .sm-breadcrumb now.
The gallery title is in <h1>

<div id="sm-page-widget-Gz8zDMLx" class="sm-page-widget 
               sm-page-widget-breadcrumb .....
...
   <ul class="sm-breadcrumb[COLOR="Red"]s[/COLOR]" ....
     <li....
      ....
     <li....
     <li class="sm-breadcrumb" data-reactid=".0.0.$4">
        <h1 data-reactid=".0.0.$4.1">[COLOR=Red]gallery title[/COLOR]</h1></li>
   </ul>

AceCo55

Thanks Allen
I'm at a lower level than noob when it comes to css ... but I do read all of your posts and some it actually makes sense to me.
So a grand achievement on your part to teach anything to this feeble mind!!!

leftquark

Some good discussion here too, for people keeping track: http://www.dgrin.com/showthread.php?t=256637