Performance hit of Inline CSS

Theme customization pages usually dump those css customizations into a <style></style> block directly in the page head, which counts as inline styles. Some plugins will drop styles there too. Anytime you use third-party plugins, or themes, it’s inevitable that you will run into some inline issues. There’s a balancing act of cost – is the … Read more

How Do I change Markup of a link in WordPress

First, Create a js folder, at the same level as style.css and inside it Create a main.js file. For the tooltip, use jQuery UI Tooltips included in WordPress. You have to call it inside your functions.php file like this : /** * Enqueue jQuery UI Tooltips. */ function my_scripts() { wp_enqueue_script( ‘jquery-ui-tooltip’ ); wp_enqueue_script( ‘main’, … Read more

function class doesnt work

To override the default styles you have to use more specific selectors. #wpadminbar .my_menu_item_class { background: yellow; } #wpadminbar .menupop.hover ul li.my_menu_item_class > a { color:red; }

WordPress default theme CSS version problem and not loading

you can pass time() function in version parameter. so you dont have to change version to update a css code. function add_dynamic_version_css_scripts() { wp_enqueue_style( ‘dynamic-style’, get_template_directory_uri() . ‘/css/custom-style.css’,’style-css’, time() ); } add_action( ‘wp_enqueue_scripts’, ‘add_dynamic_version_css_scripts’ ); let me know if this works for you.

Getting click on item to open closest relevant element (popup) with jQuery

You are facing this issue because all your popup container divisions have the same id and all the popup open can close buttons are targeting the same id. Change your code as follow: <td> <h4>Alert #1</h4> <a href=”#” class=”open-alert-popup” data-id=”popup_alerts_1″ data-animation=”flipAlertsRight”>Open Button</a> <!- below div is hidden till above link is clicked -> <div id=”popup_alerts_1″ … Read more

adding additional class to get the post thumbnail [duplicate]

Sorry for late reply, already fixed, i miss understood about array, so here the code that completely run as i want it. <?php $next_post = get_next_post(); next_post_link(‘%link’, get_the_post_thumbnail($next_post->ID, ‘prev_next_img’, array( ‘class’ => ’rounded-lg object-fill w-full max-h-full’ )) . ‘<h4 class=”text-center mt-2 lg:text-base text-sm no-underline text-black leading-snug font-medium”>%title</h4>’, false); ?> in function.php i put custome image … Read more