How to get rid of extra space?
-
The area right under “I made a new style in my child theme css:” on your second post on that page… where you list your child css code.
lmao.. Yes, you make perfect sense. What I meant is how you display it on THIS forum when you make a reply. Ken showed me how to wrap it in backticks. Yours looks darker though, and it has the scrollbar on the bottom one.
No worries, I’ve figured out what I needed to know for now 🙂
That extra space with the grey at top and bottom is driving me nuts…
Anyone any ideas???
Don’t know why it worked for Josh and not for me…
here is the entirety of my child css:
@charset "UTF-8";
/* CSS Document */
/*
Theme Name: Graphene Child
Theme URI: http://juicytravels.com/
Description: Child theme for the Graphene theme
Author: Laura van Hoff
Author URI: http://lauravanhoff.com/
Template: graphene
Version: 1.0
*/
@import url("../graphene/style.css");
table td,
table th,
table tr {
border: none;
background: none;
}
#footer {
background: #111;
padding-top: 20px;
}
.post-179 .entry-content img{
border:0px;
margin:5px;
}
#content {
padding-top: 0px;
padding-bottom: 0px;
}
#header-menu > li {
font: normal 11px arial;
margin: 0 2px;
}
.sidebar h3 {
background: url(images/bg-sidebar-h3.png) left bottom repeat-x #3C9CD2;
background: -moz-linear-gradient(#3C9CD2, #1F6EB6);
background: -webkit-linear-gradient(#3C9CD2, #1F6EB6);
background: linear-gradient(#3C9CD2, #1F6EB6);
border-bottom: 1px solid #195392;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
color: #fff;
*display: inline;
font: bold 16px/20px arial;
}
#my-post-nav {
clear: both;
border-top: 1px solid #E3E3E3;
padding-top: 10px;
text-align:center;
}
.entry-footer {
display: none
}
#previous, #next-post {display: none;}
blockquote {
background: url(images/sprite_master.png) left -475px no-repeat #dff0f7;
border: 1px dotted #e3e3e3;
clear: both;
margin: 10px 0 10px 20px;
padding: 8px 18px 5px 32px;
}
.entry-content ul {
list-style-position: outside;
margin: 10px 0 10px 25px;
}
.subtitle {
font-size: 14px;
font-weight:bold;
color: #333;
margin-bottom:25px;
}
a.subheadinglinks {
font-family: Arial, Helvetica, sans-serif;
color: #1772af;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
a.subheadinglinks:hover {
font-family: Arial, Helvetica, sans-serif;
color: #074d7c;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
.entry-content img,
.child-page img {
/* This centers the image */
display: block;
margin-left: auto;
margin-right: auto;
/* This adds the border */
padding:8px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px;
background-color:white;
}I don’t mean to sound redundant. But add
margin-top:-7px;to your#footerelement.Make the change, test it out, and post your file back on here with the updated change if it doesn’t work.
HEY! That worked for the bottom!! Thanks!
Ok…now what about the top 🙂
http://juicytravels.com/best-air-travel-sites/cool-flight-tracker-sites/
@charset "UTF-8";
/* CSS Document */
/*
Theme Name: Graphene Child
Theme URI: http://juicytravels.com/
Description: Child theme for the Graphene theme
Author: Laura van Hoff
Author URI: http://lauravanhoff.com/
Template: graphene
Version: 1.0
*/
@import url("../graphene/style.css");
table td,
table th,
table tr {
border: none;
background: none;
}
#footer {
background: #111;
margin-top:-7px;
}
.post-179 .entry-content img{
border:0px;
margin:5px;
}
#content {
padding-top: 0px;
padding-bottom: 0px;
}
#header-menu > li {
font: normal 11px arial;
margin: 0 2px;
}
.sidebar h3 {
background: url(images/bg-sidebar-h3.png) left bottom repeat-x #3C9CD2;
background: -moz-linear-gradient(#3C9CD2, #1F6EB6);
background: -webkit-linear-gradient(#3C9CD2, #1F6EB6);
background: linear-gradient(#3C9CD2, #1F6EB6);
border-bottom: 1px solid #195392;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
color: #fff;
*display: inline;
font: bold 16px/20px arial;
}
#my-post-nav {
clear: both;
border-top: 1px solid #E3E3E3;
padding-top: 10px;
text-align:center;
}
.entry-footer {
display: none
}
#previous, #next-post {display: none;}
blockquote {
background: url(images/sprite_master.png) left -475px no-repeat #dff0f7;
border: 1px dotted #e3e3e3;
clear: both;
margin: 10px 0 10px 20px;
padding: 8px 18px 5px 32px;
}
.entry-content ul {
list-style-position: outside;
margin: 10px 0 10px 25px;
}
.subtitle {
font-size: 14px;
font-weight:bold;
color: #333;
margin-bottom:25px;
}
a.subheadinglinks {
font-family: Arial, Helvetica, sans-serif;
color: #1772af;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
a.subheadinglinks:hover {
font-family: Arial, Helvetica, sans-serif;
color: #074d7c;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
.entry-content img,
.child-page img {
/* This centers the image */
display: block;
margin-left: auto;
margin-right: auto;
/* This adds the border */
padding:8px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px;
background-color:white;
}Gimme a few minutes to go back and play around on your site 😉
- You must be logged in to reply to this topic.
