the higher the number, the more on top it goes. eg 1 = bottom layer 2 = middle layer 3 = top layer only works on positioned elements
Author: LouiseF
search bar
ALWAYS ADD – IN THE HEADER AFTER THE MAIN MENU (insert this code in header.php – after </nav> and before </header>) to center it – to give it a gap –
Javascript
Put this in the header file
Read more – blog post excerpt(wp hp)
In your child theme, you’ll need to add custom JavaScript to change the “read more” text. You can do this by creating a new JavaScript file (e.g: FILE NAME.js) and placing it in the js folder within your child theme directory. at the end of the functions.php file
Background CSS
Footer example 1
Goes in footer.php goes in CSS file
Triangle shape in Div
HTML CSS view on codepen
Shortcode into PHP
Blog Grid Layout – 2+ cols
In the CSS file. Note – if I want to change the number of columns then I alter the minmax(300px, in the first line Then alter the code on index.php to include the following instead