Support

Home Forums Event Espresso Premium Short Code + style

Short Code + style

Posted: March 30, 2016 at 5:56 pm

Viewing 5 reply threads


Wonderful2016

March 30, 2016 at 5:56 pm

We can not see if style correction of integration code to work on espresso or on template?
We are looking to set price and currency into same line
http://i.share.pho.to/f19a3408_o.jpeg


Tony

  • Support Staff

March 31, 2016 at 2:21 am

Hi there,

Can you link us to the page please?

I looked through you events listing and your single event but the currency displays inline on those locations.

Is this on a custom page?


Wonderful2016

March 31, 2016 at 2:44 am

Yes sure – http://wonderfulevents.org/events/seegespraeche-sommerfest-2016/

You are right, single event looks fine…


Tony

  • Support Staff

March 31, 2016 at 2:54 am

It’s the width of the table column (td)

You can use something like this:

.ja-event td.tckt-slctr-tbl-td-price {
    width: 16%;
}

Try with different values to see which works best for you, 20% sets the event name onto 2 lines and may work better, but its up to you.


Wonderful2016

March 31, 2016 at 3:36 am

Wow thanks for quick response, works fine.
I am new with firebug and had difficulties to find the right class…


Tony

  • Support Staff

March 31, 2016 at 3:48 am

You’re most welcome.

I use Chrome but its similar in FireFox, the easiest way is to right click on the element you want to target, for example that field and click ‘Inspect element’ – http://take.ms/8Tr5Q

You’ll then see something like this – http://take.ms/z4gN4

The next part gets easier the more you do it, you need to apply styles using that current class or its parents class and find something that works.

With Chrome I can select the element in the HTML view that I want to style, then click the + sign in the top right to add a rule – http://take.ms/O1fkV

Its different for each element you want to target, but the more you do the more comfortable you become with it.

Anyway, let us know if you any further problem 🙂

Viewing 5 reply threads

The support post ‘Short Code + style’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso