Hi I am trying to custimize a link on the “Upcoming Events” Widget from “event detail” to “Purchase Tickets” and linking it directly to events link with greenenvelope event.
Thank you
Hi Alessandro,
I am not sure about the Greenenvelope event as it is not part of our Theme or products and it is outside of our support scope. But if you want to change the text of that section you need to add the CSS code below to WordPress Dashboard > Pro > Theme Options > CSS:
.mec-wrap .mec-event-link {
opacity: 0;
}
Then please add the Javascript code below to WordPress Dashboard > Pro > Theme Options > JS:
jQuery('.mec-wrap .mec-event-link').text('Purchase Tickets').attr('href', 'http://google.com').css('opacity', 1);
The code above changes the text to the one that you have mentioned and changes the link to
http://google.com. You can change it to whatever link you want it to go.
Please kindly consider that this is a customization of one of the bundled plugins and it is outside of our support scope. We did our best to give you context and show how you can implement the customization but the actual implementation is on your shoulders and we will not be able to follow up on the details of that customization.
Thank you.
Thank you, it worked!
You’re most welcome, Alessandro.
I love it and it works beautifully, but now am wondering if it is possible to insert a button in there?
like the one that says purchase tickets in this link: https://pvoglobal.com/events/pvo-paradise-pool-party/
If not I’d ike to increase the size of the font and make it bold so it is more Readible, and a change of color
Hello Alessandro,
The purchase ticket is already a link. You cannot insert a button inside a link.
To increase the font size, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)
.mec-single-event .mec-booking-button {
font-size: 24px;
}
Please let us know how it goes.
I am trying to increase the size for the link in upcoming events widget. That code did not work.
https://pvoglobal.com/event/
Where it says “purchase tickets” in capslock I was also wondering if a button can be placed there too?
Sorry for the confusion
Hello Alessandro,
The following code is for Purchase Ticket link in this page: https://pvoglobal.com/events/pvo-paradise-pool-party/
.mec-single-event .mec-booking-button {
font-size: 24px;
}
To change the font size of the View Details in the events pages, please use this code instead:
.mec-masonry-content.mec-event-grid-modern .mec-event-footer .mec-booking-button {
font-size: 24px;
}
Hope this helps.
trying to make changed to this widget on this page: https://pvoglobal.com/test/
I found these tags
“mec-event-link” href=“https://www.greenvelope.com/view/.public-24abbeeb03eb4df59bcc98f29164d3ec31373339393836” style=“opacity: 1;”>PURCHASE TICKETS
mec-event-link
I am thinking of placing a button where it says “purchase tickets”
or just Increasing the FONT size and Changing the color to a bright color of the font to the JAVASCRIPT code you provided
Hi Alessandro,
Please note that the support we provide does not include providing custom codes for the site. The code provided by @christopher.amirian should help you get started and in case you require further customization, it would be best to get in touch with a developer.
Thank you.
I understand but I am just asking to make the font larger and bold with a change of color within the javascript code @christopher.amirian provided. Can someone just share with me the code to make the font larger? Thanks!
Can anybody help with just the increase of size? Just need the javascript for it. Thanks
Hey Alessandro,
Javascript is not needed to make the font size a little bigger. Simply add this custom css instead and this css should help you increase the font sizes of the View Details and Purchase Tickets button link.
.mec-single-event .mec-booking-button {
font-size: 24px;
}
.mec-masonry-content.mec-event-grid-modern .mec-event-footer .mec-booking-button {
font-size: 24px;
}
Hope this helps.
I fixed it! I managed to figure it out, thank you everyone!
You’re welcome!
We’re glad we were able to help you out.
Thank you but now I am having issues due to the heavy custimization it is interfeering with some javascript codes in the backene. I have contacted my developer for that.
Hey Alessandro,
Yes a third party developer will be able to assist you in resolving the customization conflicts however if you have theme related questions then feel free to reach out to us.
Thanks!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.