HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

How to customize font size in Bootstrap theme

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

Best Answer

Answers

  • rasteronrasteron forum.rastercode.com ✭✭
    edited February 2015

    @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:

  • @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?

  • rasteronrasteron forum.rastercode.com ✭✭
    edited February 2015

    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

  • @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?

Sign In or Register to comment.