?
Solved

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

Posted on 2013-12-17
6
Medium Priority
?
504 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
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 

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 2000 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

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

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…
The title says it all. Writing any type of PHP Application or API code that provides high throughput, while under a heavy load, seems to be an arcane art form (Black Magic). This article aims to provide some general guidelines for producing this typ…
The purpose of this video is to demonstrate how to manually back up a WordPress Database. This will be demonstrated using a Windows 8 PC. The Host used will be IPage.com Log into your Hosting account. IPage will be used for demonstration : Locat…
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…

590 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