How to change Feature Box size

[rcbarros]

I try to change the font-size in the Browser Inspector but when I use the statement in the CSS Theme Option it does not take the action.

.x-feature-box-graphic-inner hexagon
.x-feature-box .x-feature-box-graphic

[tristup]

Hi Robert,

Thanks for reaching out.
I have checked your CSS code the only thing I found is that the dot in front of the hexagon selector class is missing. That might be the reason behind your issue, I would also suggest you use the !important to set the higher priority to the styles in your code.

Please remember that we don’t offer any investigation or support to the custom CSS code or related issues.

Hope it helps.
Thanks

[rcbarros]

Thanks for your help.

For whom may be interesting! Here is the CSS to control the Feature Box size if you have to scale it in @media Screen

@media only screen and (max-width: 400px) {

.x-feature-box { font-size: 12px!important; }
.x-feature-box-graphic i:before { font-size: 70px!important; }
.x-feature-box .x-feature-box-graphic .hexagon { font-size: 120px!important; }

}

[prakash_s]

You are most welcome Robert and thanks for sharing the information.