css

How to create my own style.css file in an wordpress child-theme

Take a look at the official docs: https://codex.wordpress.org/Child_Themes https://developer.wordpress.org/themes/advanced-topics/child-themes/ Make sure you are within your child theme functions.php and use this code to make sure the function is firing. It will kill the page if it is working correctly. function wpdocs_theme_name_scripts() { wp_die(‘Yep! This is working’); } add_action( ‘wp_enqueue_scripts’, ‘wpdocs_theme_name_scripts’ );

Why doesn’t media(max-width) work on h2 title?

It’s being overwritten by the line at the top. You can see from the bit on the end of the filename that the your media query CSS is on line 133, but the CSS that’s overwriting it is on line 182. Because they use the same selector (.posts h2) the last one will take precedence, … Read more

Changing when mobile menu is displayed

NOTE: Please see edits below The menu is activated via media queries. Media queries for width<=643px start at line 2771, and those for 767px start at line 2748. Now, to change the breakpoint for the menu, we’ll move the mobile menu css from the 643px media query section to the 767px media query. On line … Read more

HTML to WORDPRESS [closed]

Designing in plain ‘ol HTML and CSS could make easier. However, there are many features of the WordPress framework that you’ll miss out on. Read some of the WP documentation in the Codex to begin with: https://codex.wordpress.org/Site_Design_and_Layout I will also draw your attention to the body class attribute, which I find extremely useful when designing … Read more

Blog listing not showing dates for every post and arrow missing off image

If I understand the question correctly, I actually had issues with this fairly recently. Ultimately, I learned that by default, the_date() will only display the date for the first post on a given day. If you are using the_date you need to replace it with something else. I usually just use echo get_the_date().

Add Quicksand for mobile devices

You don’t actually have a reference to Google Fonts Quicksand stylesheet on your site. I would suppose that you have Quicksand installed on your PC and as a result it can be seen but you wouldn’t have it on your mobile and so it wouldn’t display. Either add the following to your site via wp_enqueue_style: … Read more

Create decorative image border with CSS? [closed]

These links can help you get started: https://stackoverflow.com/questions/33759102/wave-border-in-css https://stackoverflow.com/questions/25895895/creating-a-droplet-like-border-effect-in-css/25903879#25903879 You can do an effect like this using pseudo-elements and css3. You could even turn the border into an SVG: .divider { border: 32px solid transparent; border-image:url(../svg/wave_96x96_border-image.svg) 32 round round; background-color: #3c93c9; } Good luck.

remove white overlay [closed]

On both pages template find <div class=”overlay-for-image-bg”> and replace it with <div> only. Needles to say, you should make this change in child theme’s template, to avoid your changes being overwritten when you update your theme. Or you can modify /wp-content/uploads/mesh/custom.css file by removing the following block: .overlay-for-image-bg { /* some stuff */ }

+ More