XF 2.0 How do you put a background color beneath this text?

[Bonsai Coder]

I have a custom background image for the background of the entire site, and it appears that XenForo is printing some text directly on the background? (ie not in some holding shape?) How can I place a neutral color under this text?

 

[Alien]

I have to agree with Bryan...

Those blocky backgrounds behind certain text looks right out of the 1990s...

I think it would look much more attractive similar to this mockup (I took 5 minutes), if you wanted to keep most of your colors... The brighter colors hurt my eyes though.

 

[Bonsai Coder]

I have to agree with Bryan...

Those blocky backgrounds behind certain text looks right out of the 1990s...

I think it would look much more attractive similar to this mockup (I took 5 minutes), if you wanted to keep most of your colors... The brighter colors hurt my eyes though.

What a coincidence...

This is what my site looked like as of this morning (from a formatting perspective):



Just trying to get back to where I was with XenForo 1.x....

 

[Bonsai Coder]

@Alien And lest you think I am being crazy, here's what the front page of the site now looks like - nice and clean...



It's only when I get past the forum listing page and into the forums themselves that I start to have problems with the breadcrumbs and thread title formatting frogging everything up.

 

[Bryan]

And lest you think I am being crazy, here's what the front page of the site now looks like - nice and clean...

Just a small suggestion but if you edit that latest posts widget and switch the display style from simple to full, you might prefer how it looks, or you might not but it's worth a look.

 

[Bonsai Coder]

Just a small suggestion but if you edit that latest posts widget and switch the display style from simple to full, you might prefer how it looks, or you might not but it's worth a look.

Thank you! Much better. I had to create a new copy of that widget to use the simple version on the forums page, and the full version on the front page - because if you use the full version on the forums page with the default 250px width it's a train wreck.

 

[Bryan]

@Bonsai Coder Another small suggestion which you may or may not prefer, edit the node you are using for that page and check the advanced mode near the bottom

 

[Bonsai Coder]

@Bonsai Coder Another small suggestion which you may or may not prefer, edit the node you are using for that page and check the advanced mode near the bottom

Excellent! I had already created a new Adsense Widget in advanced mode so you only saw the banner ad - but I didn't know you could do it for the entire page!!

 

[Alien]

@Alien

It's only when I get past the forum listing page and into the forums themselves that I start to have problems with the breadcrumbs and thread title formatting frogging everything up.

Coming along nicely...

On the breadcrumbs, how about you remove the overrides in extra.less to: .p-breadcrumbs>li a

And use this instead:

.p-breadcrumbs {
margin: 0;
padding: 4px;
margin-bottom: 0px;
background-color: #ccd693;
border-radius: 3px;
border: 2px solid #BFCF64;
}

You'll be left with:

 

[Bonsai Coder]

On the breadcrumbs, how about you remove the overrides in extra.less

So much better! Thank you!

 

[Bonsai Coder]

@Alien do you know how to adjust the gradient in this header-block? I changed the background color in the color options, but for some reason the site is using a different color for the gradient and I can't tell what it might be.

 

[Bryan]

Style properties > Blocks > Block Header > Extra

 

[Bonsai Coder]

You guys have both been an amazing amount of help. I just wanted to say I really appreciate it!

 

[Bryan]

Thanks, it's snowing outside, what else is there to do

 

[Alien]

Thanks, it's snowing outside, what else is there to do

Yeah, slushy and wet here. I hear you!

 

[KSA]

What's with the dark style you are all having?

 

[Alien]

What's with the dark style you are all having?

Where do you see a dark style in this thread?

 

[KSA]

Both of your links are clickable

 

[Bonsai Coder]

I just enabled emojis on the site... so you guys need to step up your game! ☠

 

[Alien]

Both of your links are clickable

I guess I'm just that foreboding.