How to customize font size in Bootstrap theme

rmkleemann

I've installed the Bootstrap theme and using the Cyborg option.

I'm trying to adjust the font size of topic titles as they come out too big, I was looking at the design/custom_cyborg.css but can't really see where to customize that.

The font of the post text itself is fine, but the topic title is very large

rasteron

you're welcome and from experience of course

Try this with the new topic/discussion button:

.Button.Primary.Action.NewDiscussion {
 color: black; 
 background:red;
}

change colors accordingly. hope that helps.

rasteron

@rmkleemann

I'm using Bootstrap as well. Try this in your CSS Code:

.PageTitle h1 {
 font-size: 20px;   
} 

just change the size according to your preference.

sample result here:

rmkleemann

@rasteron said:
rmkleemann

I'm using Bootstrap as well. Try this in your CSS Code:

.PageTitle h1 {
 font-size: 20px;   
} 

just change the size according to your preference.

sample result here:

thanks rasteron, I'll give that a try. In which CSS file should I put that?

rasteron

Hey sure thing. You can try placing it on bootstrap/design/custom.css file or for quick editing just use @Bleistivt cssedit plugin http://vanillaforums.org/addon/cssedit-plugin

rmkleemann

@rasteron said:
Hey sure thing. You can try placing it on bootstrap/design/custom.css file or for quick editing just use Bleistivt cssedit plugin http://vanillaforums.org/addon/cssedit-plugin

That's great, thank you! This CSS Editor is neat.

How did you determine that the class was "PageTitle"? In looking at the HTML source I saw it as HomepageTitle instead, but PageTitle as you mentioned, worked fine.

Similarly, if I want to change the color of the button and text for the "New Topic" how do I find out what to customize in the CSS editor?

rasteron

you're welcome and from experience of course

Try this with the new topic/discussion button:

.Button.Primary.Action.NewDiscussion {
 color: black; 
 background:red;
}

change colors accordingly. hope that helps.