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
Try this: <style type=”text/css”> –primary-color: <?php the_field(‘primary_theme_color’, ‘option’); ?>; </style> Or read this Article: https://www.advancedcustomfields.com/resources/options-page/
There’s a CSS rule being output in the <head> of that document that is defining the color, after your stylesheet is included (thus overriding it). Take a look at the options for the theme, and see if there’s a way to set the color through the admin area. If you want to override JUST the … Read more
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
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
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().
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
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.
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 */ }
This is not a question specific to WP. Questions of these types will suit more on Stackoverflow. For your problem, add the following piece to your theme’s style.css a#directorytab img { width: 16%; } Let me know if it helped.