I'm trying to create templates for the wordpress theme Flexform. I've created a page as well as a specific header for that page. I didn't need to add a body_class call as it already exists:
I checked the classes that were output on the page and found:
I am using the page-template-beach-php to style on, so that all pages with this template applied will have the same styles. The problem is that I can't get anything to actually apply to the page. I have tried the following options, but nothing shows up, can anyone point me in the right direction?
Option 1 tried
Option 2 tried
Option 3 tried
Option 4 tried
At the moment, I can't even get it to show up on google inspect as an over-written style.
Code:
<body <?php body_class($page_class . ' ' . $is_responsive . ' ' . $extra_page_class); ?>>I checked the classes that were output on the page and found:
Code:
<body class="page page-id-5538 page-template page-template-beach-php logged-in admin-bar page-shadow responsive-fluid customize-support" style="">I am using the page-template-beach-php to style on, so that all pages with this template applied will have the same styles. The problem is that I can't get anything to actually apply to the page. I have tried the following options, but nothing shows up, can anyone point me in the right direction?
Option 1 tried
Code:
.page-template-beach-php #top-bar {
background: #702c91 !important;
background-color: #702c91 !important; }Option 2 tried
Code:
body.page-template-beach-php #top-bar {
background: #702c91 !important;
background-color: #702c91 !important; }Option 3 tried
Code:
body .page-template-beach-php #top-bar {
background: #702c91 !important;
background-color: #702c91 !important; }Option 4 tried
Code:
.page-template-beach-php < #top-bar {
background: #702c91 !important;
background-color: #702c91 !important; }At the moment, I can't even get it to show up on google inspect as an over-written style.