hypelifemedia

Add this CSS code to your “Custom CSS” section in the Presto Player settings.

.plyr__control--overlaid {
border-radius: 50px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
position: absolute !important;
top: 50% !important;
}

Thank me later!

Hello @rodrigoleon It’s been over 3 weeks since I responded to this support. I have also sent a message via your website, but I have not received a response from you.

I take to that the plugin support is inactive. As a result, I’ll look for an alternative solution.

• This reply was modified 2 years, 5 months ago by hypelifemedia.

@rodrigoleon Thank you for your response.

I’m using the Verta theme from Themeforest.

Please take a look at this footage for preview of issue:
https://share.cleanshot.com/XQcANpBq1HkZysmDjJSQ

Web page used in video: https://hypelifemagazine.com/celebrity-news/rihanna-super-bowl-2023-halftime-show/

As mentioned earlier, the modal popup is not working on autoloaded posts.

The modal trigger and content works completely fine on the initial post but not on the other posts that are automatically loaded when the users are scrolling down to the next article.

On the autoloaded posts, the modal trigger is shown, but the modal content does not appear when triggered. When the modal trigger is clicked, nothing happens.

Any help you could provide would be much appreciated.

My bad for stating that the trigger is not working. In fact, it is working.

I was hoping that text link could be used to trigger the modal. If that’s possible, please let me know.

Nevertheless, the plugin’s original execution is just fine.

Thank you for providing the plugin!

Thank you for your response.

Ok, understood.

Thank you for your reply.

Email sent.

For some reason, it’s working again on its own. Thanks.

Thank you for your reply.

Could you kindly check this again? I just checked and I don’t see the same message in the Network tab. Thanks.

Otherwise, how would I fix the REST API issue?

Thanks.

Solved! Thank you very much.

Followed all the steps and it worked with the dark mode seamlessly.

However, the size of the featured images “.wpp-cards-compact li .wpp-thumbnail” appeared smaller so I changed the “max-width” from “100%” to the expected size “90px”.

I also removed the snippet. I didn’t have to make further changes.
Now everything is good.

Thanks again.

• This reply was modified 4 years, 10 months ago by hypelifemedia.
• This reply was modified 4 years, 10 months ago by hypelifemedia.

Thanks for your reply. Looking forward to hearing from you. Thanks.

Hi, it’s me again!

I’ve been getting reviews that the title color on the Popular Post Widget is too dull on the light mode. As a result, I am considering making a change.

I have removed the grey color, letting the plugin uses its default black color for the posts’ titles. However, I let the hover stay pink.

The theme uses an element “.thb-dark-mode-on” when the dark mode is toggled.

I have used it right before the targetted elements when I need to change the look of things on the dark mode.

For instance, I was expecting this line of code to make the titles on Popular Post Widget turn to white when the dark mode is toggle.

/**
 * Adds CSS rules to the Cards Compact theme.
 *
 * @param  string $additional_styles
 * @param  string $theme_name
 * @return string
 */
function wpp_additional_css_rules($additional_styles, $theme_name){
    if ( 'cards-compact' == $theme_name ) {
        $additional_styles .= '.wpp-post-title { font-size: 20px !important; font-weight: 600 !important; } .wpp-post-title:hover { color: rgb(255, 0, 228) !important; } .thb-dark-mode-on .wpp-post-title { color: #FFFFFF !important; } ';
    }
    return $additional_styles;
}
add_filter('wpp_additional_theme_styles', 'wpp_additional_css_rules', 10, 2);

However, the “.thb-dark-mode-on .wpp-post-title” is not working.
Please, could you help me with this?

• This reply was modified 4 years, 11 months ago by hypelifemedia.

It works like a charm. Thank you very much!

I added a hover color to the code as well to give it a nice finish.

See code:

/**
 * Adds CSS rules to the Cards Compact theme.
 *
 * @param  string $additional_styles
 * @param  string $theme_name
 * @return string
 */
function wpp_additional_css_rules($additional_styles, $theme_name){
    if ( 'cards-compact' == $theme_name ) {
        $additional_styles .= '.wpp-post-title { font-size: 20px !important; font-weight: 600 !important; color: rgb(102, 102, 102) !important; } .wpp-post-title:hover { color: rgb(255, 0, 228) !important; } ';
    }
    return $additional_styles;
}
add_filter('wpp_additional_theme_styles', 'wpp_additional_css_rules', 10, 2);

Thanks for the plugin and the assistance!

• This reply was modified 4 years, 11 months ago by hypelifemedia.
• This reply was modified 4 years, 11 months ago by hypelifemedia.

I added the hook to my theme’s function.php file but nothing changed on the widget.