|
Faique Fakier
|
September 8, 2015 at 10:17 am
Hi I’d like to know where to change the class of the “View Invoice” button under payment overview on the thank you page.
Please advise
|
|
Tony
|
September 9, 2015 at 3:19 am
Hi there,
Currently that link can not be changed without modifying one the EE core files.
I can see the link needs a more specific class added so only the invoice link can be targeted and have created a ticket for this, currently you can use:
#espresso-thank-you-page-payment-details-dv .ee-button-lnk {
display: none;
}
To target and apply your own styles, I believe Invoice is the only gateway that currently adds a link to the payment overview section.
(Note display: none is just an example, you’ll need to add your own styles)
|
|
Dean
|
September 9, 2015 at 3:37 am
Hi,
There’s no easy way to change or add a class, barring modifying core files (which we don’t recommend). What are you trying to achieve? There may be an alternative way to achieve your goal.
|
|
Faique Fakier
|
September 9, 2015 at 7:54 am
I have styled the link to look like a more prominent button, that will suffice for now I think, unless the class is also used elsewhere, I haven’t come across it being used anywhere else, does it?
|
|
Lorenzo Orlando Caum
|
September 9, 2015 at 9:23 am
Hi Faique,
A quick search of the codebase shows that the ee-button-lnk CSS class is used in for the invoice at this time.
—
Lorenzo
|
|
Faique Fakier
|
September 9, 2015 at 11:27 pm
Hi Lorenzo
Used in …? for the invoice.
Please advise
|
|
Tony
|
September 10, 2015 at 3:55 am
The ‘ee-button-lnk’ class is only used for that link currently.
Using the ‘#espresso-thank-you-page-payment-details-dv .ee-button-lnk’ selector also ensures the style is only applied at that specific section so it is unlikely it will effect anything else.
Currently no other gateways add links within that section, only the Invoice. However if in the future we released another gateway that did, its possible the styles would apply to both. The ticket I created earlier requested a more specific class be added to that link (leaving the current ones active too) so that you can then use something like:
‘#espresso-thank-you-page-payment-details-dv .ee-invoice-lnk’
and then be sure it will only apply to that link.
(Note the above is just an example, the developers will decied the class names so it may be different)
|
|
Faique Fakier
|
September 10, 2015 at 2:39 pm
Thank You Tony, Much Appreciated.
|
|
Tony
|
September 11, 2015 at 3:53 am
You’re most welcome 🙂
Just let us know if you have any further questions.
|
