Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #20594


    where would I go to change the size of the text that says “Log-in” and the text in the footer (interesting links, categories, etc) to make it bigger.

    Thank You


    Hi Melissas74,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top .sub_menu a {
    font-size: 12px;
    line-height: 14px;

    For the footer content, the various widgets all have their own set of css styles, and when you replace and set up the footer in Appearance>Widgets by adding your own widgets to the footer section we can provide the css to target each of them.




    Okay, thank you. I have the Interesting Links, Categories, and a 3rd party Testimonials widget in the footer. If you tell me how to do the two, I can figure out how to change the 3rd party one :)

    Thank You!


    The titles are done with:

    #footer .widgettitle {

    The product categoriest:

    #footer .widget_product_categories li a {
    font-size: 12px;


    Thank you, it made the footer widgets bigger. One more question, how do I make the text under the headings in those same widgets bigger? Also, is there code I can use to change the color to something darker? Right now it is white and hard to read against a light pink background.

    Thank You :)


    Also, and maybe this needs to be a separate post, but is there any way to increase the size of the text beside the rule/line that says “What’s new”? Sorry for all these questions!


    We’ll need to see the actual widgets you have live. Each has a bit different css within the footer.

    For the “What’s new”, can you point it out on a page?


    Okay well, you can go here to see the widgets at the bottom of the page:

    but here is a link to the screen shot of the widgets:

    Here is link to a screen shot of the “What’s New”:

    Thanks Again!


    This will take care of the 2 widgets you have now:

    #top #footer p {
    font-size: 14px;
    color: #555;

    #top #footer a {
    color: #555;
    font-size: 14px;
    #top #footer h3 {
    color: #555 !important;

    For the custom hr element (whats new):

    .custom_hr_text {
    font-size: 14px;

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘How do I change Text size’ is closed to new replies.