• Resolved Pulpur

    (@pulpur)


    There are two extra text in the presentation page of Mantra. I can change the title color, but how do I change the font-size? I´d like them to be different (one bigger than the other) but nothing happens when I´m trying to change it in the miscellaneous settings. Does anyone know how to this?

    Many thanks in advance:)

    http://www.theessenceofsweden.se

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hey. In the Custom CSS editor under the Miscellaneous Settings tab, you can use the following CSS to control the font-size of the text on the presentation page.

    #front-text1 {
    font-size: 10px;
    }
    
    #front-text2 {
    font-size: 15px;
    }

    Change the values of font-size as you wish.

    I hope I understood the two bits of text that you wanted to change correctly. Let me know if I misunderstood.

    Thread Starter Pulpur

    (@pulpur)

    Hey. That is exactly what I want to change and I have done just that, writing a code under the Miscellaneous Settings tab. In Firebug the code looks like this:

    #front-text1 h1, #front-text2 h1 {
    clear: both;
    color: #40013E;
    display: block;
    float: none;
    font-size: 32px;
    font-weight: bold;
    line-heigt: 32px;
    margin: 35px auto;
    text-align: center;
    }
    I have made two codes of this and changed the h1 to h2 in front-text 2, and changed the font-size and so on. I have written that code you gave me but nothing happens. I am a beginner in word-press so I am very frustrated over this.

    Sorry for your frustration. I tested this on my test site and had the same issues as you. You can get it to work by increasing the CSS specificity as follows:

    #frontpage #front-text1 h1{
    font-size: 32px;
    }
    
    #frontpage #front-text2 h1{
    font-size: 32px;
    }

    Again, change the values for font-size as you wish. More information on CSS specificity can be found here: http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/.

    Thread Starter Pulpur

    (@pulpur)

    Thank you Siobhan so very much! It works! I´m so greatful for your help and information!

    You’re welcome. Glad it’s working for you now. 🙂

    hey quick question about changes in the misc custom css field.

    Is there any reason to use a Child Theme with this theme since it has built in custom css into the theme options? We can export and import those theme options, so wasn’t sure if a child theme was still needed. I am not very avid in wordpress so forgive me if its a stupid question.

    Thanks for your help!

    Hey. No, not a stupid question at all. You should add CSS to a theme either via a child theme or through a custom CSS editor.

    If the only changes you want to make with this theme are to do with CSS then it’s possible to make use of this theme’s inbuilt custom CSS editor. You could still create a child theme to add your CSS if you wish, it’s down to preference.

    A child theme would be needed if you wish to make changes to any of the theme’s folder other than style.css. More information on child themes can be found here: codex.wordpress.org/Child_Themes.

    Please start your own support topic for any future questions you have regarding this theme – this makes it easier for forum volunteers to find your support questions and stops threads getting cluttered and confused with different topics.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change size of front-text in presentation page’ is closed to new replies.