WordPress.org

Ready to get started?Download WordPress

Forums

Trying to figure out the part of CSS controlling my sidebar fonts (6 posts)

  1. learningmatters
    Member
    Posted 3 years ago #

    Hey guys,

    I'm working on this site:
    http://learningmatters.tv/

    I believe it's WordPress 3.0.5, and I believe it's multi-user (MU).

    I'm trying to adjust the font and size of those

      links on the right side, but I can't seem to figure out what part of my style sheet or CSS is controlling them.

      If anyone could help, that would be awesome.

      Respectfully,

      Ted

  2. Chip Bennett
    Theme Review Admin
    Posted 3 years ago #

    Those sidebar links are inheriting their font size from the body {} declaration:

    body {
       color: black;
       font-family: arial, helvetica, lucinda, geneva, verdana, sans-serif;
       font-size: 9pt;
       line-height: 1.5em;
       text-align: left;
    }

    I strongly advise the use of Chrome Developer Tools, or Firefox Firebug, in trying to resolve these types of questions. either tool is indispensable in trying to determine what styles are applying to specific elements.

  3. learningmatters
    Member
    Posted 3 years ago #

    Thank you. I have been trying to put Firebug on my comp, but it's been weird for some reason. I will try again.

    One stupid question, though: in what file would I find this body declaration? I'm not seeing it in Style.CSS or Site.CSS. Is there somewhere else I should look?

    Respectfully,

    Ted

  4. Chip Bennett
    Theme Review Admin
    Posted 3 years ago #

    For some reason, style.css is here:
    http://learningmatters.tv/wp-content/themes/style.css

    You should never have a "style.css" file in \wp-content\themes. I don't know why it's there or how it got there, but you should probably remove it.

  5. learningmatters
    Member
    Posted 3 years ago #

    Thank you.

    Second dumb question: if I put the file in /themes/learningmatters/css (replacing the current style.css that's in there), would that tank my site? How would I go about moving and/or deleting it properly?

    Thanks for bearing with me. Kinda new to WordPress on many fronts.

  6. Chip Bennett
    Theme Review Admin
    Posted 3 years ago #

    The primary stylesheet you want to modify is here:

    \wp-content\themes\learningmatters\style.css

    The first thing I would do is simply remove \wp-content\themes\style.css from your server, by downloading it locally (e.g. via FTP). Then, see what impact it has on your site.

    If you see drastic changes, then you want to copy the content of the removed style.css file into \wp-content\themes\learningmatters\style.css, preferably before any other style declarations but (very important) after the header block and any calls to @import.

    The header block is this bit:

    /*
    Theme Name: Learning Matters
    Theme URI:
    Author: Thirteen
    Author URI:
    Description: This is the theme for Learning Matters.
    */

    It appears that you don't have any @import calls or any actual style definitions in this file.

    So, it is safe to do the following:

    1) Open \wp-content\themes\style.css in a text editor
    2) Copy the entire contents of this file
    3) Open \wp-content\themes\learningmatters\style.css in a text editor
    4) Paste the contents of the previous file into this file, after the header block.

Topic Closed

This topic has been closed to new replies.

About this Topic