No, in general, it’s not possible to use php in CSS. But you can set background image in php file. Like.. <div class=”headerimg” style=”background-image: url(<?php echo header_image(); ?>)”></div> Then in CSS file using class you can set all the other properties you need like height, width, background-position and so on.
Your tag is using 2 identifiers instead of one id=”masthead masthead_custom” class=”masthead_custom” id=”masthead” will correct your problem. #masthead.masthead_custom { background-image: url(“./bg.jpg”); background-color: #444; height: 100vh; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0.6; position: relative;; z-index: 999999; } Tell me if it works.
To answer your question, in my opinion you would be way better using JavaScript. jQuery can be a great tool to do this. I would suggest installing the jQuery Cycle Plugin. into your theme. You can still load the images into your theme with PHP but if you want to change the image without needing … Read more
This is an inline CSS from source code, normally it’s because there is somewhere in the theme options where you can upload an image for header and the code was written to process that case by inserting an inline CSS directly. If you already found that line of code in header.php then you can replace … Read more
Getting the ID of header image, even when set to random
Here comes the plugins to rescue, move that code into a plugin and activate. That’ll not change header image upon every theme change. E.g – <?php /* Plugin Name: keep header always */ // Your code to keep header image ?> save it as whatever-foo.php upload to /wp-content/plugins/ directory and activate it
You can do it by adding some code or by installing a plugin. You can add the following code inside your loop: if (in_category(‘news’)) { get_header(‘news’); } else { get_header(); } This code checks if the current post belongs to a category that’s called news, and if that’s true, then it will use header-news.php instead … Read more
The header-text option in the custom header allows you to switch off the header text, not to change its content. You can change the header text in the customizer. To show it in your front end you must must use echo get_bloginfo(‘name’) for the blog title and echo get_bloginfo(‘description’) for the tagline.
from that question you mentioned, this is the code: .twentyseventeen-front-page.has-header-image .custom-header-media, .twentyseventeen-front-page.has-header-video .custom-header-media, .home.blog.has-header-image .custom-header-media, .home.blog.has-header-video .custom-header-media { height: 1200px; height: 100vh; max-height: 100%; overflow: hidden; } Revision: Try removing home and front-page from the selectors for your specific use: You can use this to replace what you put in and it will cover the … Read more
You can create pages header and footer. In your header.php and footer.php, you just need to call the fields using the ID of the page you created. Check the documentation If you need to make that editing, available in the fron-end, you can use acf_form. Check the documentation