Wordpress Body Class not implementing

admin

Administrator
Staff member
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:

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.