Styling Questions

[Peggy]

I have at least 3 areas on my forum where I cannot find where to change the colors.

Please see the screenies below, and find it in your kind heart to help me out. (wow that sounds like a suck-up).

TIA!

Forum list inside a category:


Quote background:


Quote "header" strip (don't know the name for this):


Thanks again!

 

[Peggy]

ugh now the button doesn't change on hover, so I removed the code.
Thanks anyway Brogan.

 

[Paul B]

ugh now the button doesn't change on hover, so I removed the code.
Thanks anyway Brogan.

.button.primary:hover {
background-color: @primaryDarker;
}

 

[Peggy]

LOL so add those two codes together?
Gotcha

 

[Peggy]

ooooook here we go again -

I'm looking for the template or style property where I can change the size of that search box on the tab strip.



EDIT: Perhaps because it's been re-styled by Erik, I should ask on the Flexile thread?

 

[Peggy]

ugh ugh ugh! I could have sworn that the forum navigation tabs and the sub navigation strip colors were controlled in Header and Navigation style properties.
Apparently not, since I can't get the color on the tabs and strip to change.

 

[Paul B]

Top Row - Header and Navigation -> Navigation Tabs Container

Bottom Row - Header and Navigation -> Selected Tab

 

[Peggy]

Top Row - Header and Navigation -> Navigation Tabs Container

Bottom Row - Header and Navigation -> Selected Tab

That's what I thought but they aren't changing. I'll have to ask Erik, as he may have done something.

 

[Peggy]

Ok for the life of me, I cannot find where to change the post content font. I think I have changed every instance of Font Family that I can find, yet after I type up a post (which is in the font I want to use) and click on Post Reply, it posts in the font I'm trying to switch from.

Where is it???

 

[Paul B]

Style Properties -> Message Elements -> Message Text

If that's not working then again it will more than likely be due to Flexile.

 

[Peggy]

HA I found it just before you posted. Thank you!

 

[Peggy]

Ok Last question posted and I'm going to bed.
I did a booboo, but I can't find where I did it at.

See this page at my forum.... http://mahoningvalleytalk.com/forums/site-news-and-announcements.2
Somehow I made all of the forum titles teeny-tiny, and don't know how.

I've checked everything I can think of. Help?

 

[Paul B]

Discussion List -> First Row Text

 

[Peggy]

Aren't you proud of me Paul? I haven't asked any questions in a few days.

 

[Paul B]

Moved to styling and customization

 

[Forsaken]

Moved to styling and customization

Pre-emptive readiness for when she needs more help .

 

[Peggy]

LOL! Thanks. And I'm sure I will.

 

[Shelley]

LOL! Thanks. And I'm sure I will.

Out of curiosity Peggy what browser(s) are you using because the code inspector which is built into most and firebug for firefox will really help you a great deal in finding those elements you want to modify and test before you actually make any changes. I know a lot of the stuff can be done via the styling properties but there's nothing like overloading your extra.css template and creating a mess.

Just saying because judging by your queries most of the changes can be achieved by inspecting the areas you want fixed, modified.

 

[Peggy]

Shelley I use Firefox. I do have firebug, but haven't gotten the hang of it yet.

 

[Peggy]

I have this code for local links. Is there a way that I can accomplish the same thing, without using a table, OR is a table necessary?
Could someone help me with the following code?

Thank you very much.

<![CDATA[<div class="messageText ugc baseHtml">
<div class="section">
<div class="secondaryContent">
<h3>Affiliate Links</h3>
<div align="center">

<br />
<table border="0" width="90%" cellpadding="5" cellspacing="5" valign="center">
<tr>

<td style="border:0"><a href="http://www.defendyoungstown.blogspot.com/"><b>Defend Youngstown</b></a></td>
<td style="border:0"><a href="http://www.youngstowncomfortkeepers.com/"><b>Comfort Keepers</b></a></td>
<td style="border:0"><a href="http://www.summitacademies.com/school_websites/summit_academy_youngstown_grades_k-5/index.php"><b>Summit Academy</b></a></td>

</tr>
</table>
</div>
</div>
</div>
</div>
]]

This is what it looks like -

 

[Panupat]

You can definitely use div or unordered list if you want.

For ul li, it's a matter of carefully dividing width and inline-block.

for divs, check out display: table-stuff
http://www.onenaught.com/posts/201/use-css-displaytable-for-layout