Home page, adjusting heading size of one child

  • Author
    Posts
  • #151078
    gurjeetsg
    Member

    Hi,

    How can I adjust the font sizes of the headings in each column of my content block one ( and every other content block) independently.

    My goal is to make each heading take up the same amount of space/ look similar, so each column looks the same.

    I am referring to the 4 columns under “resources” on my home page. Also please notice the missing space between the last to columns, how do I correct this?

    Regards,

    Gurjeet

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

    #151082
    anarieldesign
    Theme Author

    Hi Gurjeet,

    if you want to change fonts and size you can use WordPress.com feature Fonts: https://en.support.wordpress.com/custom-fonts/#adjusting-font-size-and-style

    or you can do this using Custom CSS but you’ll need to know basics of CSS and how to make it. You need to adapt it for all screens. I can help a bit, where you can start with but unfortunately can’t offer more as this is not part of the theme support:

    .home .column h1.entry-title, .home .column h2.entry-title {
        font-size: 24px;
        font-size: 2.4rem;
    }
    
    @media screen and (min-width: 59.6875em){
    .home .column:nth-child(3n) {
        margin-right: 1em;
    }
    }
    
    

    Hope this helps.

    All the best,
    Ana

    #151759
    gurjeetsg
    Member
    Original poster

    Hi thank you,

    your above code makes sense.

    how are you targeting only the first content block with your code? I am trying to make a similar edit to the column of 4 things beginning with “understanding addiction” on my home page.

    your code should target all h2 and h1 font types, how are you able to target only the first content block?

    thank you

    #151853
    anarieldesign
    Theme Author

    Hi Gurjeet,

    to target just the first content block you can use .block-one `
    .home .block-one .column h1.entry-title, .home .block-one .column h2.entry-title {
    font-size: 24px;
    font-size: 2.4rem;
    }`

    Hope this helps.

    All the best,
    Ana

  • The topic ‘Home page, adjusting heading size of one child’ is closed to new replies.