Cosmetics needed

[Bionic Rooster]

Could you fix this so the Showcase looks nice like the Media box?
It would look soooo much better and uniform
Arrows show what's needed for Showcase

 

[Russ]

Try this in extra.css:

.XenBase .showcaseItemThumb
{
   margin: 0 auto;
}
.bx-wrapper .slide, .showcaseItemContainer
{
  margin-right: 2px !important;
  padding: 0;
  text-align: center;
}
.bx-wrapper .slide, .showcaseItemContainer
{
  margin-right: 2px !important;
  padding: 0;
  text-align: center;
}
.XenBase .bx-wrapper .showcaseItemContainer
{
   background-color: @xbPrimaryContent;
}

It's a little different... but I think it looks good.

 

[Bionic Rooster]

Doesn't look anything like the Media box which it really should to match it up

 

[Bionic Rooster]

Aw I see what you did now, you thought I was talking about the gap between the pic boxes and you narrowed it, no I'm talking about the whole box that media is in and there's no box for Showcase........ which is what the arrows are pointing at

 

[Russ]

I'll need to look a little later today, I tried to see how to correct it but there's some weird spacing on it that won't allow for an easy CSS fix at first glance.

 

[Bionic Rooster]

I checked Xenbase and it looks fine there but the box for Showcase isn't there in Blackend Pro or its child. So my guess is something is missing or messing up the Showcase box.

 

[Bionic Rooster]

@Russ Are you making any headway with this?

 

[Russ]

Try this in extra.css:

.sectionMain.nodeList.showcaseSliderMain
{
background-color: rgb(32, 32, 32);
border: 1px solid rgb(66, 66, 66);
border-radius: 5px;
margin: 10px auto;
padding: 5px;
}
.scSlider.scSliderWrapper.showcaseMain {
overflow: hidden;
}
.XenBase .scSlider .bx-wrapper .bx-viewport {
background-color: transparent;
border-width: 0;
}

 

[Bionic Rooster]

That did the trick, thanks

Now how can we make the Showcase bar the same size as the Media bar height wise?

 

[Russ]

Possibly this:

.XenBase .showcaseSliderMain .categoryStrip
{
   padding: 7px 10px;
}
.XenBase .showcaseSliderMain .categoryText
{
  line-height: 1.27;
  padding-left: 0;
}

The gallery isn't actually using the normal setup, the showcase matches the forum categories.

 

[Bionic Rooster]

What I don't understand is why it shows correctly in Xenbase

But is not correct in Blackend Pro

and needs an extra.css fix to correct it

Is it the Blackend Pro that is not correct? Or it's not getting the correct style from Xenbase? Just seems weird but thanks for the patch as that fixed it. Just wished it worked right without having to patch it as that will make it awkward for future updates no?

 

[Bionic Rooster]

The gallery isn't actually using the normal setup, the showcase matches the forum categories.

Yet they both show correctly in XenBase so why isn't it showing thro in the style?

 

[Russ]

Without digging too far into the reasoning behind it, it'd be more of a suggestion for the XF team to change the gallery widget, or location html there whatever you want to call it.

Yet they both show correctly in XenBase so why isn't it showing thro in the style?

Because XenBase uses the default padding as the stock style.

Notice in the screenshot, all of the headings on the forum list have the "categoryStrip" div, showcase uses the same setup, the gallery doesn't. So if you were to add padding on the default style to: Style Properties -> Forum / Node List -> CategoryStrip, I would assume that it would mess it up on the default style as well.

Aside extra.css preserves through upgrades so you wouldn't have to re-apply.

 

[Russ]

After all that I wrote though... I will investigate the gallery template to see if we could make a change on it ourselves so it would adapt to all of our styles correctly.