Solved

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

Posted on 2013-12-17
6
447 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
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

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

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Wordpress  featured images 3 28
Does barcode reader require a specific font installed? 2 46
Just need a little help with this header height please 10 49
Wordpress Hacked 1 70
I want to start by talking about the use of plug-ins for WordPress. I started a web-site for a company I was working for a few years ago; I had extremely basic knowledge of HTML. I am a Graphic Designer by trade so I invited the opportunity as a cha…
This article shows the steps required to install WordPress on Azure. Web Apps, Mobile Apps, API Apps, or Functions, in Azure all these run in an App Service plan. WordPress is no exception and requires an App Service Plan and Database to install
The purpose of this video is to demonstrate how to automatically show related posts at the bottom of a blog post in WordPress. This will be demonstrated using a Windows 8 PC. Plugin “Yet Another Related Posts Plugin” will be used. Go to your…
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…

685 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