reshape feature page block

  • Resolved chemeridart

    (@chemeridart)


    10 years, 11 months ago

    I’m trying to resize and reshape the feature pages under my image slider on my homepage. i’d like for them to be small circles. i’ve tried writing part of the code, but it isn’t effective for some reason. here’s what i have so far:

    .home-iconmenu a i {
    font-size: 30px;
    padding-top: 0px;
    }

    my website is meridamarston.us

Viewing 4 replies - 1 through 4 (of 4 total)
  • .home-iconmenu a {
border-radius: 50%;
max-width: 130px;
margin: 0 auto;
}

    Kadence Themes

    Thread Starter chemeridart

    (@chemeridart)

    great that helps a lot. the only thing i don’t have resolved is centering the text. it’s more apparent with the “resume” button. i tried adding “text-align: center”

    this is the custom css i have:
    .home-iconmenu a {
    border-radius: 50%;
    max-width: 70px;
    margin: 0 auto;
    }
    .home-iconmenu a i {
    font-size: 25px;
    padding-top: 5px;
    }
    h4, h5, h6 {
    margin-top: 0px;
    margin-bottom: 5px;
    }
    h4 {
    font-size: 13px !important;
    text-align: center;
    }

    You max width is too small. You padding is forcing it right.

    Change the padding:

    .home-iconmenu a {
padding: 5px;
}

    Kadence Themes

    Thread Starter chemeridart

    (@chemeridart)

    thank you very much! that’s such a huge help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘reshape feature page block’ is closed to new replies.