Did a fresh install of flatboard 3.1 on my local server and all is good with the exception of trying to style the bootstrap theme.

Come across an issue where I cannot seem to change the background color of a category title.

When I view the inspect feature of Edge it says the css is .btn.btn-sm but styling it doesn't work.

.btn.btn-sm{background-color#98caec !important;}

a.btn.btn-sm{background-color#98caec !important;}

I also see this when viewing page source and it looks like it might be an inline style which I cannot find when searching though all pages.

<p class="tile-title"><a class="btn btn-sm" style="background-color#0000ff!important;color:white!important" href="view.php/forum/general"><i class="fa fa-folder"></i> General</a></p>

Any help greatly appreciated.

Ok, CSS the LAST IMPORTANT is the one it takes, anything that is not !important
for example

1. body{
2. color:blue!important;
3. color:green;
4. }

return is blue color

1. body{
2. color:blue!important;
3. color:green!important;
4. }

would return green color

1. a{
2. color:blue!important;
4. }
5. <a href="#" style="color:black;">test</a>

Will return blue

1. a{
2. color:blue!important;
4. }
5. <a href="#" style="color:black!important;">test</a>

Will return black

The style attribute is the closest important your going to get.

Thanks for your reply. I understand all of what you are saying.

The problem is I cannot find the css that controls

<p class="tile-title"><a class="btn btn-sm" style="background-color#0000ff!important;color:white!important" href="view.php/forum/general"><i class="fa fa-folder"></i> General</a></p>

And all my css styling manually isn't working. I am hoping someone here has a better understanding of where this line of code resides in the flatboard files so I can change it there. When an update occurs I will change it again unless there is another solution that I am unaware of.

1. style="background-color#0000ff!important;color:white!important"

this is the stylesheet, the style attribute makes the CSS so any outside CSS file wont affect it. So in-order to change the color and background color you would have to change that manully CSS or you can do it with JS(JavaScript) for example

1. window.addEventListener('load',function(){
2. let title = document.querySelectorAll('.tile-title');
3. for(let i=0;i<title.length;i++){
4. title.querySelector('.btn').style.{cssStyle} = {cssStyleValue};
5. //add more down here
6. 
7. }
8. });

[i] Note: You can have a editor that scans through files for content of what your looking for.

Once again thanks for trying to help. I do understand that I cannot change the inline style. What I cannot seem to find is the actual file the style resides in. I've searched every php file in the flatboard hierarchy and it isn't anywhere that I can see. I would have thought it would be in the bootstrap theme but it is not so I searched all the flatboard php files and it isn't there either. As for the javascript, thanks but I don't understand javascript so it doesn't help me. I am a html/css guy only.

  Ok, I found it


It's all 3 of those lines, hopefully this helps

Wow!! Way to go! I bet I looked over that file a few times and still never seen it. Your awesome! Really appreciate all your help on this.

  No problem, I wasn't going to give up easily until the people are satisfied with the results. I'm glad that solved your problem, anymore questions just let me know. Also can't wait to see your theme!!!