Support » Theme: Mantra » Changing font size?

  • Jochends



    If i go to appearance => mantra settings => presentation page => Extras, i would like to have the same font/border to use on ‘Second Title’ as the one that is on ‘Bottom Text 1’. I would like to have my text above the images, so i need to use the ‘Second Title’ then. The font on the ‘Second Title’ is to big and ugly because i know its ment for a title and not for long text. Is there any editing of css or something to have another fontsize on there?


Viewing 8 replies - 1 through 8 (of 8 total)
  • noahjonah


    Maybe it’s an <h2>
    Change styles in backend of WP or through the use of CSS




    Thx for the response..

    I inspected the code and it is

    #front-text2 h1 {
    font-size: 28px;
    line-height: 28px;
    margin-top: 0px;
    margin-bottom: 25px;

    The link of the site is as testing site for the moment. Under the slide u see TESTTTT. Thats the font i want to smaller. i changed the font-size of the css above here from 28 to 14 and nothing happens.I tryed it on the custom css of mantra. if i inspect it on the site and change it there, it shrinks like its supposed to. but i can’t save that afcourse, because i am only inspecting it with the browser. And what u mean with backend of WP??

    I am having this same issue – I want to change the front-text size, but I cannot find this css code anywhere in the style.css for mantra. I am using a child theme, and this coding seems to be in html, not css..or please enlighten me, I would appreciate the help. huge font below the slider is what I would like to change. Thank you in advance!

    Theme Author CryoutCreations


    #front-text2 h1 {
    font-size: 12px !important;
    line-height: 12px !important; }

    added to the Custom CSS field in Miscellaneous should achieve what you want.

    Hello Cryout, not sure if I should start a new topic. Looking to change that same front-text2 so I can do it with 2 colours but I cannot get the HTML tags to work in the Mantra Settings>presentation page> second title box.

    Can I also insert this in the custom CSS box?

    This is what I need to insert there:

    <font color=#ff0000>Welcome to</font> <font color=#ff0000>sitename</font>

    Thanks for a smashing theme!

    <span class="part1">Welcome to</span> <span class="part2">sitename</span>

    Then use custom CSS to style the two spans:

    #front-text2 .part1 { color: #ff0000; }
    #front-text2 .part2 { color: #ff0000; }

    Thanks Z, when I insert into the custom CSS box, I see no change on the site, I tried adding the !important; bit in but it seems default settings are overriding whatever I put in there.

    Or do I add the <span> code elsewhere?

    I’ve been trying for over an hour to enlarge the font. I’m reading it from a 32 inch screen and it’s almost too small for me to read comfortably. I tried adding the code the Theme Author listed above but it has no affect on the font-size at all.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Changing font size?’ is closed to new replies.