Solved

How do I Change the Font Size of a Price Table in Wordpress?

Posted on 2013-12-17
6
433 Views
Last Modified: 2014-01-03
I'm trying to customize a Wordpress template and am having issues changing the font size in a specific pricing table or chart. I need to change the font size and padding for the price tables so they align horizontally and vertically.

I wasn't able to find the font or font size in the style sheet. Any suggestions?

Please navigate to the Class Pricing section in Classes section of one-page theme.

http://newsite.onbroadwayacademy.com/#faculty

Thanks.
0
Comment
Question by:OnBroadway
  • 3
  • 3
6 Comments
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 39724942
In any modern web browser you should be able to right click the page and choose "Inspect Element" from the dialog menu.  This will then allow you to isolate the specific elements on the page and see the CSS that styles that element.

When I do this with Firefox, it tells me that this element is your target:

p.p-price {
    background: none repeat scroll 0 0 #FFFFFF;
   /* color: #FFC000;*/
    font-family: "Open_Sans_B";
    font-size: 42px;
    margin: 0;
    padding: 30px;
    text-transform: uppercase;
}

in the price-table.css file

Setting the font-size to about 24px keeps everything on one line.  You can make that bigger if you want reduce the padding a bit.
0
 

Author Comment

by:OnBroadway
ID: 39754131
There's no price-table.css file for my theme. Is there another CSS file that will have all the price tables? I know there's a shortcodes plugin I had to install to get the price tables to display. Could it be in the plugin?
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 39754166
It may have come from a plugin or it may be buried in the file structure of the theme.  Appearance | Editor does not always display all files.
0
6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

 

Author Comment

by:OnBroadway
ID: 39754303
So what do I do to find it buried in the file structure or plugin? Sorry new to this.
0
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 500 total points
ID: 39754780
Connect to your server via FTP and start cruising through the wp-content/themes/ and wp-content/plugins folders until you find the price-table.css file.
0
 

Author Comment

by:OnBroadway
ID: 39754793
Thanks that worked.
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Do you think that WordPress is just for blogs?  Think again!  WordPress is really a fantastic all around platform that you can use to develop websites on.  Integrated into its basic functionality is the ability to create pages using your choice of a…
In order to have all security and back ups taken care of, WordPress users can sign up for services with WP Engine.
The purpose of this video is to demonstrate how to make a WordPress Site faster and smaller in size by cleaning up the database. This will be demonstrated using a Windows 8 PC. Plugin WP Optimize will be used. Go to your WordPress login page. T…
The purpose of this video is to demonstrate how to reset a WordPress password if you are locked out and cannot reset the password. A typical use would be if you cannot access the email to which WordPress would send the password recovery email to…

706 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now