Participated Button

[Jaguar]

Forum URL: ymam.proboards.com/

Namaste,

How can I get the Participated Button larger or stand out more ? Basically my first Theme on Moonbeam's Forum called Zen Temple, the Participated Button is washed completely out. I've spoken with Virgil Sovereign and he suggested I make it larger. I'm wondering if I applied a different color to it if that might help. Honestly I don't know.

I used this code from Brian  but the text is completely wonky after I apply the CSS code to both the Nav Tree and the Participated Button.


#navigation-tree,

#nav-tree > li { height: 30px; }

.recent-threads-button { height: 25px; }



Any and all help is extremely appreciated.

[Craig]

Hi mate

Is that screenshot just how it is normally, or how it is after you have applied the css?

[Jaguar]

How it is normally Craig, but I thought about it and making the Participated Button and Nav Tree Bar larger North/South throws off the Newsfeed. I wonder if there's any code to make the Participated Button larger East/West and cut some off the Nav Tree Bar. It also needs some color cause it takes on the gradient of the Title Bars.

I can't change the Title Bar color cause in mobile view dark washes out the Menu Links.

I hope this is all clear to everyone. Thanks for your time.

[Jaguar]

Here's a screenshot of the theme on Moonbeam's Forum.

[Brian]

Hi, Jaguar.

Do you wish to change the font size, the background color, or something else?

I can provide a solution as soon as I know what exactly you want done to it.

[Jaguar]

Background color to make it stand out cause it's looking really washed out. Plus if it could be a bit wider that would be awesome.

Thanks so much.

[Brian]

Got it.

Changing the background color here should be obvious as usual, but the Participated button doesn't have a width defined in its existing CSS. The easiest way to increase its width while keeping its contents centered is to increase its existing padding on the sides. Change the 6px below to how much extra width you want on both sides.

This goes at the bottom of Themes > Advanced Styles & CSS > Style Sheet.

.recent-threads-button { background-color: #000000; padding: 3px 6px; }

[Jaguar]

Apr 29, 2015 11:57:02 GMT -8 Brian said:

Got it.

Changing the background color here should be obvious as usual, but the Participated button doesn't have a width defined in its existing CSS. The easiest way to increase its width while keeping its contents centered is to increase its existing padding on the sides. Change the 6px below to how much extra width you want on both sides.

This goes at the bottom of Themes > Advanced Styles & CSS > Style Sheet.

.recent-threads-button { background-color: #000000; padding: 3px 6px; }

That worked awesome, I'm so glad about this. Thank you in bucketfuls cause this was a big issue for me when Moonbeam said the Menu Links were washed out on Mobile View with the dark Title Bars.

Many Blessings to you and yours. Namaste.