Support » Themes and Templates » Responsive » Changing font size, color etc. in home widget.

  • Resolved poppyx

    (@poppyx)


    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?

Viewing 2 replies - 1 through 2 (of 2 total)
  • WPyogi

    (@wpyogi)


    Forum Moderator


    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:

    http://www.w3schools.com/css/

    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!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing font size, color etc. in home widget.’ is closed to new replies.