Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #15933

    It’s a little too big for my needs. Can someone please guide me to the Quick CSS code I need to use to reduce the size of the superbig box text?

    #89537

    Hi,

    To change the biggest text use this

    .avia-big-box .avia-innerbox {
    font-size: 40px;
    }

    To change the text beside, try this

    .avia-big-box-beside {
    font-size: 22px;
    }

    And for the text below, use this

    .avia-big-box-bellow {
    font-size: 12px;
    }

    Regards,

    Ismael

    #89538

    Thanks Ismael! This is perfect. In the spirit of “teach a man to fish” so that I can try to do this in the future, where did you find the classes to use in this code? I searched a lot of the CSS files for avia-innerbox and did not find anything.

    #89539

    You can use tools like Firebug or the Chrome dev tools to investigate the html elements and css code. These tools will also show you which css code is applied to each element, the element classes/ids, etc. – a short tutorial can be found here: http://www.woothemes.com/videos/how-to-use-firebug-to-modify-a-wordpress-theme/

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Reduce size of superbig box text?’ is closed to new replies.