2019-01-21, 22:43:45
(This post was last modified: 2019-01-21, 22:44:45 by newdeepdan.)
Code:
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title><?php get_page_clean_title(); ?></title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/motion-ui/1.2.3/motion-ui.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation-prototype.min.css">
<link href='https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css' rel='stylesheet' type='text/css'>
<?php get_header(); ?>
</head>
So you add your own stylesheet like so...
Code:
<link rel="stylesheet" href="compublog-stylesheet.css">
With the CSS code...
Code:
html, body {
background-image: url('images/background-image.jpg');
background-position: center;
background-size: cover;
}
And then if its not showing up, you can supersede the main stylesheet with:
Code:
html, body {
background-image: url('images/background-image.jpg') !important;
background-position: center;
background-size: cover;
}