I have a problem in IE 7, 8. I am showing 3 products / row, in Firefox, Chrome, Opera and IE 9,10,11. It shows me perfect design. BUT in IE 7,8 it change complete product design. I don’t get any idea how to get perfect product view in IE 7, 8 How can i do this ? Best … Read more
I absolutely hate IE, specially versions 6, 7 and 8. When you are designing a wordpress theme, you have to style it twice, once for proper browsers and then for the IE ancients. The other big thing to remember, these ancients don’t have support for media queries. So to solve your problem, create a stylesheet … Read more
Block content (including woocommerce blocks) can be rendered in a template via the do_blocks() function. The easiest way to generate the block code is to create a new post/page, insert the block you want, configure the attributes/settings as needed, then switch from the Visual editor to the Code editor (shortcut: Ctrl+Shift+Alt+M) to get the code required. Here is an example of the … Read more
have been searching everywhere to figure out how to add an event inside a Gutenberg block. I am working to add an accordion system using ACF and Foundation. I have created a block and fields and template using ACF. I would like my users to be able to open and close the accordion in the … Read more
Success! I had to pass the viewBox attribute from the Font Awesome SVG file. The code below worked for me: [php]const iconEl = el(‘svg’, { width: 20, height: 20, viewBox: ‘0 0 512 512’ }, el(‘path’, { d: "M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 … Read more
It’s possible to simply disable the editor using a WordPress filter. WordPress 5 and Higher If you want to disable the block editor only for your own post types, you can add following code into your plugin or functions.php file of your theme. [php]add_filter(‘use_block_editor_for_post_type’, ‘prefix_disable_gutenberg’, 10, 2); function prefix_disable_gutenberg($current_status, $post_type) { // Use your post type key … Read more
ou need to remove the -css when trying to dequeue the script. That’s added to the HTML markup and not the actual tag for the css file. If you search the code (the location of the enqueue may change as Gutenberg gets rolled into core), you can find: [php]wp_enqueue_style( ‘wp-block-library’ )[/php] As you can see, there is … Read more
Explanation: Here, the main part is to use overflow: hidden; on the element, and than am creating a virtual element using an :after pseudo with content property, and am positioning it absolute to the parent element which am setting to relative [php]<h2>Hello World</h2>[/php] [css]h2 { font-size: 20px; font-family: Arial; position: relative; overflow: hidden; } h2:after { display: inline-block; content: ""; height: 4px; background: … Read more
You can set CSS color and background color to your custom order status displayed in admin order list this way: [php]add_action(‘admin_head’, ‘styling_admin_order_list’ ); function styling_admin_order_list() { global $pagenow, $post; if( $pagenow != ‘edit.php’) return; // Exit if( get_post_type($post->ID) != ‘shop_order’ ) return; // Exit // HERE we set your custom status $order_status = ‘Dispatched’; // … Read more
The reason why your image is resizing which is because it is fluid. You have two ways to do it: 1. Either give a fixed dimension to your image using CSS like: [css].carousel-inner > .item > img { width:640px; height:360px; }[/css] 2. A second way to can do this: [css].carousel { width:640px; height:360px; }[/css] [custom-related-posts … Read more
