Using Custom Design with Expound Theme

  • Unknown's avatar
    arlopenmic · Member ·

    I’m using the expound theme and just purchased the Custom Design Upgrade and having problems with CSS. I thought I could adjust heading attributes such as color, padding and size using commands such as H3 {font-size:20pt;} and or h1 {color:#00ff00;} but nothing changes. What am I doing wrong?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    justpi · Member ·

    That’s because a) there are various headings, and most of them have more specific selectors, b) some of them are links, and in that case you need to change the color of the link. Which headings exactly would you like to change?

  • Unknown's avatar
    arlopenmic · Member ·

    Thanks for the reply.

    I want to change the point size of the H1 and H2 font and reduce the padding above and below.

    It would be great if I could also change the color as part of the header definition rather than doing it manually for each occurrence, but size and line spacing are what is most important to me.

  • Unknown's avatar
    justpi · Member ·

    You’re welcome, but I still don’t think you mean what you wrote. As I said, there are various headings: you’ve got h1s in the content of your front page, but the post titles on the main posts page are also h1s, the title when you view a single post or a static page is also an h1, the widget titles are also h1, the headings of category pages are also h1, etc. Do you really want to make them all the same size etc? I don’t think so. So: which h1s and h2s exactly?

    If you mean h1s and h2s in the content of a post or a static page, add these and change the values: 

    .site-content .entry-content h1 {
color: #456789;
font-size: 34px;
line-height: 44px;
margin-bottom: 10px;
margin-top: 40px;
}
.site-content .entry-content h2 {
color: #456789;
font-size: 20px;
line-height: 28px;
margin-bottom: 10px;
margin-top: 40px;
}
  • Unknown's avatar
    arlopenmic · Member ·

    Hello Justpi:

    Your solution worked perfectly and helped me accomplish exactly what I was trying to do. While I know some HTML, I’m not knowledgeable abous CSS, but I think that was obvious. Thank again!

  • Unknown's avatar
    justpi · Member ·

    You’re welcome.
    You understand you need to be precise when asking CSS questions.
    And you’ll be able to find out some answers yourself once you learn to use the Inspect Element tool or a developer extension (such as Firebug in Firefox or Web Inspector in Safari).

  • The topic ‘Using Custom Design with Expound Theme’ is closed to new replies.