Solved

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

Posted on 2013-12-17
6
446 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
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 

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

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

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

Did you use a default hosting installation of wordpress with the intention of it being your actual site?  Maybe you’ve installed it as a Blog to your current site and recently converted it to be the main site and do away with the old .htm pages.  An…
Now that you've installed WordPress 2.9 (http://www.experts-exchange.com/articles/Web_Development/Blogs/WordPress/WordPress-2-9-What-to-Expect-When-Upgrading-to-WordPress-2-9.html?) on your site, you need to install some plugins to get the most out …
The purpose of this video is to demonstrate how to insert an Iframe into WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Open Page or Post…
The purpose of this video is to demonstrate how to Test the speed of a WordPress Website. Site Speed is an important metric of a site’s health. Slow site speed can result in viewers leaving your site quickly and not seeing your content. This…

861 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