Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
View the webpage’s source code and check if the <body>element has a unique class applied to it. E.g. “page-id-82”
Thread Starter
Iceper
(@iceper)
How do I view the webpage’s source code?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
View your website, right click and select “View page source” (or similarly labelled)
Thread Starter
Iceper
(@iceper)
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”en-US”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Maintenance Mode</title>
<style type=”text/css”>
html {
background: #f1f1f1;
}
body {
background: #fff;
color: #444;
font-family: “Open Sans”, sans-serif;
margin: 2em auto;
padding: 1em 2em;
max-width: 700px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
box-shadow: 0 1px 3px rgba(0,0,0,0.13);
}
So it should be somewhere in here?
Thread Starter
Iceper
(@iceper)
No, wait.
“<body id=”error-page”>” ?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Look further down for an element starting with this:
<body
Thread Starter
Iceper
(@iceper)
Ok, so I’ve found it. <body id=”error-page”>
Now what?
Thread Starter
Iceper
(@iceper)
Nevermind, this is it when I disable Maintenance mode:
<body class=”page page-id-147 page-template-default right-sidebar”>
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin
Then use its “CSS Code” section of the dashboard to hold your CSS modifications:
Alternatively use your Child Theme style.css file to hold your CSS modifications:
.page-id-147 th {
width: 20px;
}
Thread Starter
Iceper
(@iceper)
Okay, so I’ve installed the Custom CSS Manager plugin as you said. I’ve used your code but nothing changes on the page..
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Maybe you have a caching plugin?
Thread Starter
Iceper
(@iceper)
The installed plugins are:
Askimet
Custom CSS Manager
Jetpack by WordPress.com
Maintenance Mode
Parallax Scroll
Revolution Slider
Shotcodes Ultimate
I don’t know?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Link the page in question please
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Okay so that page id is 336;
.page-id-336 th {
width: 20px;
}