This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

changing font colour in Price Table

9 years ago · Last reply by Andrew Misplon 9 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

9
  1. Andrew Misplon Staff 9 years, 8 months ago

    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. UniqEs2016 9 years, 7 months ago

    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. Andrew Misplon Staff 9 years, 7 months ago

    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. UniqEs2016 9 years, 7 months ago

    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. Andrew Misplon Staff 9 years, 7 months ago

    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. UniqEs2016 9 years, 7 months ago

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

  7. Andrew Misplon Staff 9 years, 7 months ago

    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. UniqEs2016 9 years, 7 months ago

    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. Andrew Misplon Staff 9 years, 7 months ago

    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.

Have a different question or issue?

Start New Thread