WordPress.org

Ready to get started?Download WordPress

Forums

Mantra
Changing font size? (9 posts)

  1. Jochends
    Member
    Posted 1 year ago #

    Hi,

    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?

    Thx

  2. noahjonah
    Member
    Posted 1 year ago #

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

  3. Jochends
    Member
    Posted 1 year ago #

    Hi,

    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 http://kfsound.be/public_html 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??

  4. appletreeads
    Member
    Posted 1 year ago #

    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.
    http://www.theplaymakers.org..The huge font below the slider is what I would like to change. Thank you in advance!

  5. CryoutCreations
    Member
    Theme Author

    Posted 1 year ago #

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

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

  6. Wongshag
    Member
    Posted 1 year ago #

    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!

  7. the.Zedt
    Member
    Posted 1 year ago #

    <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; }
  8. Wongshag
    Member
    Posted 1 year ago #

    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?

  9. hlgaskins@gmail.com
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.