How to reduce the font size of the welcome message?

  • Resolved curative

    (@curative)


    9 years ago

    The message of the welcome section is humongous and I want to reduce the text size. I have tried the font size, the welcome page, and header and nothing works. There are functions to change colors and font sizes for h1-h6 and widget but nothing for the message and sub-message.

    Can anyone help? I have Custom CSS installed so perhaps a code to put in there?

    Many thanks in advance.

    Here is the website in trouble: http://curativeconsulting.com

Viewing 6 replies - 1 through 6 (of 6 total)
  • vladff

    (@vladff)

    9 years ago

    I see you already reduced the title size, but anyway in case somebody else needs it:

    .welcome-title {
    font-size: 24px;
}
.welcome-desc {
    font-size: 18px;
}

    Thread Starter curative

    (@curative)

    9 years ago

    Thanks, vladff, for getting back to me.

    Yes, I put in a code for title (did not know the code for desc) last night in the Custom CSS. I now put both codes in as you advised, still nothing happened. I changed the font size dramatically to see the effect (not the real font size I am going to use once this works).

    Is there something that overrides this code? Or did I do something wrong?

    .welcome-title {
    font-size: 16px;
    }
    .welcome-desc {
    font-size: 12px;
    }

    Thread Starter curative

    (@curative)

    9 years ago

    Never mind my previous message. I hit the refresh and the fonts work now. Resolved!

    Thank you immensely!

    Janell Mullen

    (@janell-mullen)

    8 years, 8 months ago

    Hi there,

    I am having the same issue with the font size, but I don’t quite understand the solution. I am not sure how to implement it. I keep changing it on the customize options, but then it reverts back to its regular LARGE size. Please help. I am not well-versed with code.

    Thanks!

    Thread Starter curative

    (@curative)

    8 years, 8 months ago

    Hi Janell,

    I am no expert either but I think the codes below should work. Put them in your Custom CSS (and make sure you save the changes). I also have extra codes for font, style and alignment but you can delete the rest of them if you only want to change the font-size.

    THE TOP TEXT (of the welcome box)
    .welcome-title {
    font-size: 32px;
    font-weight: 500;
    font-style: italic;
    text-align:right;
    text-shadow: none;
    }

    THE SUB-TEXT (of the welcome box)
    .welcome-desc {
    font-size: 32px;
    font-weight: 500;
    font-style: italic;
    text-align:right;
    text-shadow: none;
    }

    THE CALL-TO-ACTION BUTTON
    .welcome-button {
    float: right;
    width: auto;
    text-align: center;
    }

    If this still does not help, you may want to post your issue in a new thread as this thread is resolved and the experts on this forum may not see your message.

    Good luck!

    Janell Mullen

    (@janell-mullen)

    8 years, 8 months ago

    Hi Curative,

    Thanks so much for responding. I think this helps, but before I go into my custom css. I wanted to clarify that I want to change my subheadings throughout the site such as the captions for “testimonials” “about” “contact” . . . . not so much the header text, but the category headings within the site. Does this make sense? If so, please advise 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to reduce the font size of the welcome message?’ is closed to new replies.