remove space above title in pages (2011 theme)

  • Hi

    I use Twenty Eleven theme.
    How do I remove the space above the title (in this case “Leavers”)?
    https://www.toonhaze.com/?p=119
    I want the whole swf content to go up.

    I fixed the issue on my main page by adding this code 

    #main,
.singular.page .hentry {padding:0;}

    but how do I apply the same effect on all other pages that I make from now on?

    Thanks in advance

Viewing 13 replies - 1 through 13 (of 13 total)

  • Do not edit the Twenty Eleven theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. First create a child theme for your changes.

    Thread Starter aleq

    (@aleq)

    I know. I already made a child theme as you suggested to me once ?? forgot to mention it

    Try adding:

    .singular .hentry {
    padding-top:0;
}

    to your child’s CSS.

    Thread Starter aleq

    (@aleq)

    Should I add it below the old one like this?

    #main,
.singular.page .hentry {padding:0;}

.singular .hentry {
    padding-top:0;
}

    Or do I have to alter/delete my old code?
    I’m sorry, but I can’t do any CSS

    Just add it to the bottom of your child’s stylesheet.

    Thread Starter aleq

    (@aleq)

    I did it, but no effect

    You don’t seem to have added it to your child’s stylesheet.

    Thread Starter aleq

    (@aleq)

    This is what my entire style.css looks like

    /*
Theme Name: Twentyeleven Child
Description: Child theme for the twentyeleven theme
Author: Alex Volkov
Template: twentyeleven
*/

@import url("../twentyeleven/style.css");
#site-title a {    color: #644b35;}

/* =Make our whole website wider
-------------------------------- */
#page {
	margin: 0 auto;
	max-width: 1000px;
}
.featured-posts,
#ie7 article.intro {
	max-width: 1000px;
}

#main table td {
vertical-align: middle;
}

/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #373737;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.5;
}

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img
{border: none;}

#mytable {
width:400px;
background:#F8E0E0;
border:0px solid #000;
border-collapse:collapse;
}
#mytable th, #mytable td {
border:0px solid #000;
margin:2px;
padding:2px;
}

/* removes title on main page-------------------------------- */
.entry-meta
{
display:none;
}

#main,
.singular.page .hentry {padding:0;}

body.home .entry-title {
	display: none;
}

.singular .hentry {
    padding-top:0;
}

    but it doesn’t seem like the content have moved up on https://www.toonhaze.com/?p=119

    Now try adding:

    #nav-single {padding-bottom:0;}

    Thread Starter aleq

    (@aleq)

    My style.css now looks like this:

    /*
Theme Name: Twentyeleven Child
Description: Child theme for the twentyeleven theme
Author: Alex Volkov
Template: twentyeleven
*/

@import url("../twentyeleven/style.css");
#site-title a {    color: #644b35;}

/* =Make our whole website wider
-------------------------------- */
#page {
	margin: 0 auto;
	max-width: 1000px;
}
.featured-posts,
#ie7 article.intro {
	max-width: 1000px;
}

#main table td {
vertical-align: middle;
}

/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #373737;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.5;
}

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img
{border: none;}

#mytable {
width:400px;
background:#F8E0E0;
border:0px solid #000;
border-collapse:collapse;
}
#mytable th, #mytable td {
border:0px solid #000;
margin:2px;
padding:2px;
}

/* removes title on main page-------------------------------- */
.entry-meta
{
display:none;
}

#main,
.singular.page .hentry {padding:0;}

body.home .entry-title {
	display: none;
}

.singular .hentry {
    padding-top:0;
}

#nav-single {padding-bottom:0;}

    but the distance in for instance this animation (between) https://www.toonhaze.com/?p=253 is still there.. is that normal? I just want my SWF content as close to my menu as possible without any superfluous space inbetween.

    What animation?

    Thread Starter aleq

    (@aleq)

    there is a flash (swf) animation embeded on the link that I posted
    it’s 550×400 in size

    The one in the post’s content?

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘remove space above title in pages (2011 theme)’ is closed to new replies.