Home>Support>changing font colour in Price Table

changing font colour in Price Table

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi
How can I change the font colour in my price table and have a larger heading?

I am very new to this. I was wondering if someone good help me.

I researched and figured out this css code below

{{siteorigins-price-table}}
color:#23cfdb;
font-size: 30px;
font-weight: 500;
letter-spacing: 0.1em;
line-height: 2.6em;
text-transform: uppercase;
}

So far the font size has been successfull, but it changes the whole thing , the size of the header, price and the features.
I would like a different colour font or at least have the heading in a different colour and a bigger size?
Or is there are reason why the price is bigger than the header/ feature title -Gold package? I suspect there is

thank you

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 20 days ago Andrew Misplon
    Hi, I Work Here

    Hi UniqEs2016

    Thanks for reaching out :)

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

  2. 9 years, 10 days ago UniqEs2016

    Hi
    Thank you so much for your response I decided to make my own price table in site origin edit.
    Now I am having trouble entering a css for text hover over an image .

  3. 9 years, 10 days ago Andrew Misplon
    Hi, I Work Here

    If you have a link we can inspect I’d be happy to take a look. If you can get things as close as possible, I’ll try do the rest with a little CSS.

  4. 9 years, 9 days ago UniqEs2016

    http://www.360livephotography.com/book-now/

    I am trying to achieve 3 rows each with an image , price and book now. I would like the text explaining the package to hover over the image. I am stuck as to which way to go about it , do I insert text on the image widget or do I do this through the siteorigin -edit widget. I'm very new to this
    , very little ,if not no, experience. I tried to put in some code in attributes but nothing so far.

    Thank you in advance.

  5. 9 years, 8 days ago Andrew Misplon
    Hi, I Work Here

    Thanks for your feedback. I would try using the new Layout Slider widget for this. You can use it with a single background image. Go to PluginsSiteOrigin Widgets to ensure the Layout Slider is enabled.

  6. 9 years, 5 days ago UniqEs2016

    I still can’t include my text overlay over image. Do I need another pluggin ?

  7. 9 years, 5 days ago Andrew Misplon
    Hi, I Work Here

    If you’ve inserted a Layout Slider you can add a frame within the widget then click Open Builder and add a Text widget. Have you given that a try?

  8. 9 years, 5 days ago UniqEs2016

    with an image in the background? I wanted it ti hover meaning when you go ver the image with your mouse the texts appears.
    I have the code but its just not working

  9. 9 years, 2 hours ago Andrew Misplon
    Hi, I Work Here

    Thanks for clearing that up. To confirm, you can include text over a background image with the Layout Slider widget but you can’t currently set that text to appear on hover. It’s a useful idea and I’ll certainly forward it to our team. Changing the text to appear on hover would, unfortunately be a custom development task.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More