|
Robin Brandenburg
|
April 29, 2017 at 10:41 am
I am trying to move some text that is added to the ticket selector by the Event Espresso – Pricing, Tax Settings, Indicates whether or not to display prices with the taxes included. It ads the text at the bottom of the ticket selector that says.”* price includes taxes”
the css for the element is
element.style {
text-align: right;
margin: -1em 0 1em;
}
but I can not find where to edit it
|
|
Lorenzo Orlando Caum
|
April 30, 2017 at 6:43 pm
Hi Robin,
Some of the CSS for that messaging is added inline so it appears as the page is rendered rather than being changed exclusively through a CSS class or ID.
What kind of changes are you trying to make to it?
—
Lorenzo
|
|
Robin Brandenburg
|
April 30, 2017 at 7:11 pm
Hey Lorenzo. As you can see in the pic in the previous post the text is in the middle of the ticket selector table border so it is hard to read. I would like to move it down and to the left,so rather than
element.style {
text-align: right;
margin: -1em 0 1em;
}
I would like
element.style {
text-align: center;
margin: 1em 0 1em;
}
|
|
Josh
|
May 1, 2017 at 2:31 pm
Hi Robin,
You could try setting some margin for the div that has that border. If you can post a link to the event in question I can give you some specific CSS that will accomplish this.
|
|
Robin Brandenburg
|
May 1, 2017 at 3:21 pm
Thanks Josh I didn’t think about using the margin on the table.
The table margin is actually being set by the theme css
I added
#content table {
margin-bottom: 15px !important;
}
To my theme custom css area and that took care of the spacing problem.
thanks Rob
|
|
Josh
|
May 1, 2017 at 4:04 pm
Hi Rob,
You might want to use this instead:
.tkt-slctr-tbl {
margin-bottom: 15px;
}
Otherwise all tables everywhere on your site will get a 15px margin bottom.
|
|
Robin Brandenburg
|
May 2, 2017 at 7:17 am
Thanks Josh but that didn’t work. I also tried
.tkt-slctr-tbl {
margin-bottom: 15px !imporntant;
}
The template is overriding the ticket selector.
|
|
Josh
|
May 2, 2017 at 7:31 am
I think you mean the other CSS from your theme is overriding your CSS. Instead of using !important, you can add more specificity. e.g.
#content table.tkt-slctr-tbl {
margin-bottom: 15px;
}
This way you’re still only targeting the ticket selector table, but the selector is very specific with the addition of the ID and element.
|
|
Robin Brandenburg
|
May 2, 2017 at 7:37 am
Thanks Josh
Yes that did it.
|
