Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 7, 2020 at 7:10 pm #1265566
    Actionrev

    I have multiple Icon Boxes on my home page and one has another icon box overlapping it because the Title is too long. I tried to adjust the size of the H3 title in the Icon Box but it didn’t change. I also looked at the Quick CSS in the General / Main Content and this is what I found.

    h1, h2, h3, h4, h5, h6 {
    text-transform:none !important;
    }
    I removed it to see if that was keeping me from changing the font size and some of the H1 text in Special Heading changed size and went all uppercase… I put the css back in but the H1 text didn’t change back and I don’t know how to make the text upper and lower…

    What should I do?

    • This topic was modified 4 years ago by Actionrev.
    December 7, 2020 at 8:59 pm #1265609
    Victoria

    Hey Actionrev,

    Could you please attach a mockup of what you’re trying to achieve?

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    December 7, 2020 at 11:08 pm #1265633
    Actionrev

    Attached to this in Private

    • This reply was modified 4 years ago by Actionrev.
    December 8, 2020 at 2:27 pm #1265757
    Actionrev

    I didn’t reply correctly, sorry

    December 9, 2020 at 3:31 am #1265905
    Rikard

    Hi,

    Thanks for that. Please try this in Quick CSS if you want to control the size of the Icon box h3 element:

    .iconbox_content_container h3 {
  font-size: 18px !important;
}

    Best regards,
    Rikard

    December 9, 2020 at 10:31 am #1265951
    Actionrev

    I put .iconbox_content_container h3 {
    font-size: 10px !important;
    } in Enfold/General Styling/Quick CSS and it didn’t work. The font size stayed the same.

    I also checked to see if h1, h2, h3, h4, h5, h6 {
    text-transform:none !important;
    } was inserted in Quick CSS and it wasn’t. Apparently when I tried it last time it didn’t save. The H1 text size can now be adjusted and can be uppercase or lowercase.

    December 10, 2020 at 6:38 am #1266185
    Rikard

    Hi,

    I closed this open media query for you:

    @media only screen and (max-width: 989px) {
  .av-special-heading.av-special-heading-h1.avia-builder-el-3 {
    background: #0000009e;
    padding: 20px 10px !important;
    border-radius: 4px;
  }

    Then added the CSS I posted above. It’s applying on your site, please review it.

    Best regards,
    Rikard

    December 14, 2020 at 2:12 pm #1267141
    Actionrev

    Thank you. That works. I don’t know why that media query was added since I’m new to this site.

    December 15, 2020 at 2:12 am #1267322
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘H3 font size wont change in Icon Box’ is closed to new replies.