Need help? Check out our Support site, then


heading size and body text formatting in Responsive theme

  1. Hello,

    I have the customize upgrade and I'm trying to make some changes to my home template using CSS.

    First, I would like the page heading to be smaller.
    My second question is a bit more complicated. In this theme, the body text is automatically formatted to change font size between paragraphs and be centered. I would like the text to be aligned left and the same size in each of the paragraphs without losing the bulleted text that I have in place. Is this possible?

    Thanks in advance for your help.

    The blog I need help with is internationalmountainconnection.com.

  2. Hi there, to change the size of "Mission" add the following to your CSS and then edit the font size as you desire.

    #featured h1.featured-title {
    font-size: 60px;
    }

    If you want to make the widget titles smaller for the three widgets at the bottom of the home page, add the following and edit the size.

    .widget-title, .widget-title-home h3 {
    font-size: 24px;
    }

    Blockquotes are styled differently than the main paragraph text, but this will take the font style, size and spacing back to what the rest of the body text is.

    blockquote p {
        font-family: inherit;
        font-size: inherit;
        font-style: inherit;
        line-height: inherit;
    }

    If you can give me an example of the issue with the lists, or perhaps expand on what you are seeing vs. what you want, I would be more than happy to help you with that.

  3. Hello! Thank you for your response! I'm wondering if I'm doing something wrong. I added all of the CSS that you suggested and saved it, but I don't see any changes. :(

    For the lists, I changed my mind as to what text I wanted to put there, so it shouldn't be an issue anymore. :)

  4. I checked on your current CSS and I found you've added this:

    /*
    #featured h1.featured-title {
    font-size: 40px;
    }
    .widget-title, .widget-title-home h3 {
    font-size: 20px;
    }
    blockquote p {
        font-family: inherit;
        font-size: inherit;
        font-style: inherit;
        line-height: inherit;
    }
    */

    But the "/*" and "*/" parts means it's a comment! You should remove those and it will start working. :)

  5. Okay. I'm really embarrassed. :) Thank you for your help! I really appreciate it!!! :)

  6. Don't be! Running into a mistake like that once when you're learning CSS should help you so you don't have that trouble in the future, and your post about it here might also help someone else who is reading this thread in the future and has the same trouble.

Topic Closed

This topic has been closed to new replies.

About this Topic