Solved

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

Posted on 2013-12-17
6
439 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
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
wordpress url rewriting plugin 5 46
Help cleaning out CSS 2 52
CSS change width browser switches to mobile view 2 55
Cannot access my wp-admin account 2 14
How to install BuddyPress on your self-hosted WordPress site It’s been called everything from “social networking in a box” to “Facebook without the terms of service,” but until Feb. 16, BuddyPress was a relatively unknown outside the WordPress MU…
What's this? As a volunteer Page Editor for Experts-Exchange.com, I have noticed that many authors also have blogs, and pull articles from their blogs to post at Experts-Exchange. I appreciate each author sharing their blog content with our site …
The purpose of this video is to demonstrate how to properly insert a Vimeo Video into a WordPress site or Blog. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp…
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…

863 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

21 Experts available now in Live!

Get 1:1 Help Now