my links are too big! Css to fix it? Thank you.

  • Resolved K Pixel

    (@kira-askaroff)


    11 years, 1 month ago

    Hello,

    The links in my footer seem to be enlarging to a default link size and i cant find the source of that change.

    If you could look at the footer on the link below – the text that is not linked is size 12px but the text that is linked looks about 14-16px.:
    https://kiraaskaroff.com/BB_Test2/

    Here is my css in my child theme:

    /* footer */

#footer-content { margin:0 auto; width:778px; height:230px; overflow:hidden; padding-top:0px; font-family:Georgia, color:#3F3F3F;  font-size:12px ; text-align:left; }

#footer-left { float:left; width:199px; height:182px; overflow:hidden; }
#footer-mid1 { float:left; width:230px; height:182px; overflow:hidden; }
#footer-mid2 { float:left; width:138px; height:182px; overflow:hidden; }
#footer-right { float:left; width:180px; height:182px; overflow:hidden; }

.footer-header { font-family:Georgia, font-size:14px ; font-weight: bold; display:block; color:#3F3F3F; padding-bottom:16px; }

.footer-social-a { display:inline; padding-right:5px; padding-top:18px; }

    But i think the problem is coming from elsewhere.

    I would be really grateful if someone could have a look for me!

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)

  • Yes, you have this css in your site forcing the size of 14px:

    .styles #page .site-info a {
font-size: 14px;
font-family: Georgia, Times, serif;
}

    Try to add to your child theme the size you want:

    .styles #page .site-info a {
font-size: 12px;
}

    Thread Starter K Pixel

    (@kira-askaroff)

    Hi David,

    Thank you very much, I would like 14px in the main body text of the Site and 12px in the footer only.

    I tried adding:

    .styles #page .site-info a {
font-size: 12px;
}

    to my child stylesheet and there was no change within the body or the footer (no change anywhere)

    Thank you!

    Do you still have that code in your css?

    I think it didn’t work because you are using the Styles Plugin that is caching the styles and put them inline after loading your child theme css.

    I never used that plugin, but you should probably change that font size inside the plugin settings.

    Thread Starter K Pixel

    (@kira-askaroff)

    Hi David,

    Oh thank you! I deactivated Styles and it fixed the problem – thank you for your help!

    .styles #page .site-info a {
font-size: 12px;
}
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘my links are too big! Css to fix it? Thank you.’ is closed to new replies.