[Theme: Twenty Fourteen] CSS element to remove white border/padding

  • Resolved adamlilith

    (@adamlilith)


    11 years, 1 month ago

    Hi All,

    I am new to WP but have a little experience with CSS and HTML. I am trying to override the background color in the Twenty Fourteen theme so it’s always black, even if it’s not being shown fullscreen. So far I’ve achieved 90% success with some ugly white padding (or something) around the element that contains the main content of a post: https://www.earthskysea.org/

    Here is my CSS:

    article {
	background-color: black;
	color: white;
}

body {
	background-color: black;
	color: white;
}

div {
	background-color: black;
	color: white;
}

p {
	background-color: black;
	color: white;
}

h1 {
	background-color: black;
	color: white;
}

header {
	background-color: black;
	color: white;
}

    Any ideas would be welcome.
    Thanks in advance!

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

  • Add the below code in style.css file and check i hope it will be work

    .full-width .site-content .has-post-thumbnail .entry-header, .full-width.singular .site-content .hentry.has-post-thumbnail
    {
    pading:0px !important;
    }
    .full-width .archive-header, .full-width .comments-area, .full-width .image-navigation, .full-width .page-header, .full-width .page-content, .full-width .post-navigation, .full-width .site-content .entry-header, .full-width .site-content .entry-content, .full-width .site-content .entry-summary, .full-width .site-content footer.entry-meta
    {
    padding:0px !importan;
    }

    Thread Starter adamlilith

    (@adamlilith)

    Thank you very much–with a little tweaking, I got it to work. I actually didn’t know you could list multiple elements before a brackets and hadn’t seen the “!important” tag before.

    Thanks again.

    Adam

    I wanted to do the same and what I did is uploaded a black image using (created using Paint) then selected tile which gave me the all black background. Now what I need help in is eliminating this thick white padding on top of the featured image.

    my site is https://yourNYapartment.com/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Theme: Twenty Fourteen] CSS element to remove white border/padding’ is closed to new replies.