Add hover effect for Go Pro buttons to make green darker on hover

This commit is contained in:
Marcus Quinn
2025-03-24 21:45:09 +00:00
parent a2b7ba6d72
commit 5f90586044
2 changed files with 30 additions and 1 deletions

View File

@ -897,6 +897,25 @@ input:checked + .wp-toggle-slider:before {
margin: 1em 0; margin: 1em 0;
} }
/* Go Pro Button Styles */
.button.button-primary[style*="background-color: #27ae60"],
.theme-install-actions .button.button-primary,
.wpa-pro-plugin .button-group .button.button-primary,
.go-pro-button {
transition: all 0.3s ease !important;
background-color: #27ae60 !important;
border-color: #219653 !important;
}
.button.button-primary[style*="background-color: #27ae60"]:hover,
.theme-install-actions .button.button-primary:hover,
.wpa-pro-plugin .button-group .button.button-primary:hover,
.go-pro-button:hover {
background-color: #219653 !important;
border-color: #1e874b !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}
/* Read Me Tab Panel */ /* Read Me Tab Panel */
#readme .wpa-pro-plugins { #readme .wpa-pro-plugins {
display: block; display: block;

View File

@ -89,7 +89,17 @@ class WP_Allstars_Pro_Plugins_Manager {
<?php if (isset($plugin['button_group'])): ?> <?php if (isset($plugin['button_group'])): ?>
<div class="button-group"> <div class="button-group">
<?php foreach ($plugin['button_group'] as $button): ?> <?php foreach ($plugin['button_group'] as $button): ?>
<a href="<?php echo esc_url($button['url']); ?>" target="_blank" class="button <?php echo isset($button['primary']) && $button['primary'] ? 'button-primary' : ''; ?>"> <?php
$button_class = 'button';
if (isset($button['primary']) && $button['primary']) {
$button_class .= ' button-primary';
// Add green color to 'Go Pro' buttons
if ($button['text'] === 'Go Pro') {
$button_class .= ' go-pro-button';
}
}
?>
<a href="<?php echo esc_url($button['url']); ?>" target="_blank" class="<?php echo esc_attr($button_class); ?>">
<?php echo esc_html($button['text']); ?> <?php echo esc_html($button['text']); ?>
</a> </a>
<?php endforeach; ?> <?php endforeach; ?>