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
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
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.
I agree with Chess Byte – this is a general web development question. I suggest adding 30px padding to the top of the text : padding: 30px 0 15px 0; Use developer tools (f12) and examine the object – then add the above css or what ever you’d like. Good luck
If you have a plugin that adds the css to the cache, disable it and try again. However, chances are that it’s caused by the way your browser handles the cache and most browsers will keep the css in the cache. Therefore, the problem would be unique to your computer and browser. Make sure your … Read more
Create a Child Theme. Add this to the styles.css file in the child theme: header > .logo { background: url(“https://www.example.com/path/to/the/new/image.png”) no-repeat 0 0 !important; } Since the Child Theme CSS will load after the parent theme CSS, this should override the first setting, even if it is also set to !important .
This is the relevant section of CSS in your stylesheet: /*————————————————————– ## Uling dini ke beten, Bapak Ngelah olah2an. Kangguang deen malu! ————————————————————–*/ /*————————————————————– ## Header ————————————————————–* .site-header { background-color: #473C93; } #branding-logo { float: left; width: 50px; height: auto; } /*————————————————————– ## Menus ————————————————————–*/ If you look closely you’ll see that the CSS comment … Read more
Inside your CSS put the font-family inside your body { } tag and then it should work. body { font-family: ‘Droid Sans’, serif; } Also I recommend setting a fallback font for the reason listed in W3C Schools CSS Web Safe Fonts Best of luck 🙂