[resolved] Changing font size, color etc. in home widget. (3 posts)

  1. poppyx
    Posted 3 years ago #

    I have tried to change the font size of my text by inserting the following into the text widget in the home widget 1:

    <x-small><img src="http://www.evanstonpremier.com/wp-content/uploads/2013/04/diabetes_article_image.png"width=50 />
    G-Protein-Coupled Receptors, Pancreatic Islets, and Diabetes">
    By: Brian T. Layden, M.D., Ph.D., Vivek Durai & William L. Lowe, Jr., M.D.</x-small>

    It's not working. What should I do?

  2. WPyogi
    Forum Moderator
    Posted 3 years ago #

    You really should use external CSS for styling. Download and use a browser tool like Firebug - http://getfirebug.com.

    It will show you the existing CSS - you then copy that to your child theme CSS and make the changes there. In this case, it show this:

    #widgets .tagcloud, #widgets .textwidget {
        display: block;
        line-height: 1.5em;
        margin: 0;
        word-wrap: break-word;

    So you use the selector for the part you want to change:

    #widgets .textwidget {
       font-size: 10px;

    The above is a guess at font size - right now it's 14px so change to what you want.

    You will need to learn some CSS if you are going to make changes to your site - this is a good reference site for that:


  3. poppyx
    Posted 3 years ago #

    I made changes to the CSS Stylesheet Editor and it worked. Thanks. But when I copied your code to the styles.css file in the childofresponsive folder that I created, it did not work. I made another css change in that file earlier and it did work. Can you tell me which one I should be using?

    I do need to learn more about css!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.