How do I edit the font size of my footer

  • anney.lester

    (@anneylester)


    9 years ago

    How do I edit the code below to increase my font size? https://www.bitsnetwork.com

    <div id="footer-space">
                    <div class="footer">
                        <div class="left">
                            <img id="footer-cisco" src="<?php bloginfo('template_directory')?>/images/cisco.png" />
                        </div>
                        <div class="left" style="margin-top:50px; margin-left:20px;">

                            &nbsp;
                            Copyright &copy;<?=date("Y")?> - Banking Infrastructure & Technology Services. <strong>ACBB-BITS</strong>. LLC
                        </div>
                        <div class="right">
                            <?php wp_nav_menu(array('menu' => 'footer')); ?>
                        </div>
                    </div>
                </div>
                <br>

            </div><!-- .sub-inner -->
		</div><!-- .inner -->

	</div><!-- #content -->

	<?php wp_footer(); ?>
Viewing 1 replies (of 1 total)
  • kcalkmc

    (@kcalkmc)

    Hi anney.lester –

    In your style.css file, scroll to the bottom and add:
    font-size: 120% for the CLASS element in which the content is housed that you want enlarged. For example,

    .footer {
    font-size: 120% ;
    }

    View the website. If it is not large enough, repeat changing 120% to a higher percentage.

    The section may not have been styled under .footer. It might have been styled under .footer .left, so, if you see no change in size, you might want to change .footer to .footer .left.

    An easy way to find out how it was defined is to place the cursor over the content that you want to enlarge, then right click (on a PC) and select Inspect Element. Look to the CSS definition. (On my browser,it displays on the right.) Look for the selector that is controlling the size and use that in your style sheet. ** Lead that selector with .footer so that only the footer content size will be changed and not every occurrence of that selector throughout your website.

Viewing 1 replies (of 1 total)
  • The topic ‘How do I edit the font size of my footer’ is closed to new replies.