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
As per the shortcode documentation, your shortcode callback recieves any parameters set by the user in a $atts variable. You can combine them with any default values you might have with shortcode_atts(). function newsletter( $atts ) { $atts = shortcode_atts( array( ‘url’ => ‘https://domain.com/newsletter/z2o7q6’, // change default value as needed ‘headline’ => ‘Newsletter Box Headline’, … Read more
First, move your headings into their sections, so your structure looks more like this: <main> <section> Heading Here Cards Here </section> <section> Heading Here Cards Here </section> </main> Then you can do this in a few different ways with CSS. The simplest way is to add a class to each section and then float the … Read more