Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 23, 2018 at 10:18 pm #901720
    mcraig77

    Ahoy,

    I have some icon boxes and implemented a custom css class to them in order to hide the icon and shrink the text in one of them. Something seems off and I can’t seem to solve, perhaps you enfold genius’s can help!

    For the first icon box I wan tot remove the icon and make the text normal size. I inserted this class .no-icon-homepage in the element and add this quick css. The icon disappears but the text doesn’t change

    .no-icon-homepage .iconbox .iconbox_content .iconbox_content_title {
    font-size: 24px;
}

.no-icon-homepage .iconbox_icon.heading-color {
    display: none!important; 
}

    On The other page i have a custom class name .smaller-text. The text doesn’t change size for this… so i’m guessing the element for text on the icon box I found using inspector is wrong….

    .smaller-text .iconbox .iconbox_content .iconbox_content_title {
    font-size: 12px;
}
    January 24, 2018 at 10:21 am #902020
    Victoria

    Hey mcraig77,

    You have an extra space between first two classes, it should not be there:

    
.no-icon-homepage.iconbox .iconbox_content .iconbox_content_title {
  font-size: 24px;
}

    Please remove the button from the class
    Image 2018-01-24 at 16.21.12.png
    It is not supposed to be there.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    January 24, 2018 at 9:10 pm #902314
    mcraig77

    Ah I see.

    Is this the css I would need to remove? If so how do I hide the icon on that page?

    .no-icon-homepage .iconbox_icon.heading-color {
    display: none!important; 
}

    I didn’t know that space would be a factor. The second set of css doesn’t seem to apply still after removing the space.

    `.smaller-text.iconbox .iconbox_content .iconbox_content_title {
    font-size: 12px;
    }`

    January 26, 2018 at 4:53 am #903154
    Victoria

    Hi mcraig77,

    There is a dot “.” in the html which is not supposed to be there, that’s why the code does not apply.
    Of course, the space makes a difference, it makes the selector apply to a totally different element.

    Somebody needs to brush up the knowledge on css selectors :)

    Best regards,
    Victoria

    January 26, 2018 at 9:37 pm #903530
    mcraig77

    Yeah, I’m trying. Thanks! I figured out a solution.

    January 26, 2018 at 10:02 pm #903537
    Jordan Shannon

    Hi,

    Great! I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Icon Box style and Custom Classes’ is closed to new replies.