Post title size increase in Academica affects sidebar

  • Unknown's avatar
    foxdog1020 · Member ·

    I am using Academica and put in the CSS code to increase the size of the article titles on my front page. The code is this:

    .posts .post h2, .posts .page h2 {
    font-size: 200% !important;
    }

    However, it also resulted in the title of the articles listed under the “lastest posts” in the right column to increase, which now looks weird.

    Is their a way to reduce the font size of post titles listed under the “latest post” tab in the right column, while still keeping the size increase on the main posts in the middle column.

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

  • Unknown's avatar
    fabianapsimoes · Member ·

    Instead of the code you used, give this one a try:

    #column-content.posts h2 {
    font-size: 30px;
}

    This snippet will restrict the changes to h2 headings to the column that contains your posts (identified by “column-content”), not affecting h2 headings in your sidebar. Your code didn’t limit the size change to that container.

    To identify the container of an element, you can right click the element and select the “Inspect Element” option. A panel showing your HTML will appear. Look through it until you find the container you wish to target with CSS. You can hover the code to see the element it represents highlighted in your page. Once you find the container you want, you can refer to it on the CSS using it’s id or class attribute.

  • Unknown's avatar
    foxdog1020 · Member ·

    Thank you very much, that worked perfectly.

    I really appreciate this.

  • The topic ‘Post title size increase in Academica affects sidebar’ is closed to new replies.