How do I change Text size

9 posts from 2 voices

• Started 2 months ago by Melissas74
• Latest reply from Devin
• This topic is not a support question

Tags:

No tags yet.

1. 

   Melissas74
   Member

   Hello,
   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

   Posted 2 months ago #
2. 

   Devin
   Moderator

   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.

   Regards,

   Devin

   Posted 2 months ago #
3. 

   Melissas74
   Member

   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!

   Posted 2 months ago #
4. 

   Devin
   Moderator

   The titles are done with:
   

   #footer .widgettitle {
   font-size:12px;
   }

   The product categoriest:
   

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

   Posted 2 months ago #
5. 

   Melissas74
   Member

   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 :)

   Posted 2 months ago #
6. 

   Melissas74
   Member

   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!

   Posted 2 months ago #
7. 

   Devin
   Moderator

   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?

   Posted 2 months ago #
8. 

   Melissas74
   Member

   Okay well, you can go here to see the widgets at the bottom of the page:
   http://www.stitchpersonal.com/

   but here is a link to the screen shot of the widgets: http://s62.beta.photobucket.com/user/melissas74/media/ScreenShot2013-02-26at32943PM_zpsed23f884.png.html

   Here is link to a screen shot of the "What's New": http://s62.beta.photobucket.com/user/melissas74/media/ScreenShotexample_zps1a8a658d.png.html

   Thanks Again!

   Posted 2 months ago #
9. 

   Devin
   Moderator

   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;
   }

   Posted 2 months ago #

RSS feed for this topic

Reply

You must log in to post.