First of all, it depends on what theme you have. Many premium themes provide an option for users to enter their custom CSS. It that is the case you can add your styles there. If not, follow the link to create a child theme – http://www.wpbeginner.com/wp-themes/how-to-create-a-wordpress-child-theme-video/ You can add your custom style in child theme’s … Read more
i thing you have .page-id-6602 .storefront on the body tag so you should be using selector like this .page-id-6602.storefront ul.products li.product instead of .page-id-6602 .storefront ul.products li.product also i am not able to access the shop page kindly check.
Your markup is technically correct with the exception of your first line of css. You need to remove the e before the .searchform declaration for it to accept those styles. The code below is working correctly (see demo here: https://codepen.io/raptorkraine/pen/eyJrJG) however if your input still doesn’t show rounded borders it might be that your styles … Read more
This worked for me. Basically jquery was missing through <script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js”> </script> and the wrong PHP tags. Thanks for that. You can find the full code below. <title> Hi all</title> <link rel=”stylesheet” href=”https://wordpress.stackexchange.com/questions/295053/<?php echo get_stylesheet_directory_uri().”/js/jstree/dist/themes/default/style.min.css’;?>” /> <div id=”data”> <ul> <li>One</li> <li>Two</li> <li>Three <ul> <li>Bike</li> <li>Ride</li> </ul> </li> <li>JOKE</li> </ul> </div> <script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js”> </script> <script src=”<?php … Read more
Add data attribute data-post-id for the post id. Eg. HTML: <ul> <li><button class=”play_next” data-meta-key=”url-1″ data-post-id=”<?php the_ID(); ?>”>Video 1</button></li> … </ul> Missing data attributes in js. $( this ).data( ‘metaKey’ ); should be $( this ).data( ‘meta-key’ ); and $( this ).data( ‘post_id’ ); should be $( this ).data( ‘post-id’ ); E.g. Jquery: jQuery( document ).ready( … Read more
Even though the css selector I used doesn’t match the HTML structure, this worked for only allowing one notification through when more than one field is not filled out on the checkout page of a woocommerce site: #Content > div > div > div > div.section.mcb-section > div > div > div > div > … Read more
the first thing you need to do is implementing the html template you desire to something that called wordpress template hierarchy is good to start with blank wordpress theme like underscores.me, so you can freely custom your own template so, after your files is ready, you can learn about wordpress theme customizer im giving you … Read more
I’m going to assume a few things to answer this. You may already be doing them, so just let me know if this isn’t the right answer. WordPress already defines the tags for html, body, and head. These cannot be defined twice on a page. When you’re working in WordPress content, your markup is always … Read more
You need to look at the source code from the front-end of your website, ie the published version of the page that your website visitors can see. The code you’re pasting here is not HTML. These are shortcodes that a plugin or the active in WordPress use to generate HTML. The good news is you … Read more
After thinking a lot, I have solved it myself in the following way: if (document.documentElement.clientWidth < 900) { $(‘video’).each(function () { const poster = $(this).data(‘poster’); $(this).attr(‘poster’, poster); }); } Thanks to everyone