WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Problems with pages post editing Kubrick css (8 posts)

  1. Pedro
    Member
    Posted 4 years ago #

    Hi guys!

    I am trying to edit Kubrick theme. I used the below code to remove the border around KubricK theme.

    #page {
    background: none;
    }
    
    #header {
    background: none;
    background-color: white;
    }

    It works but when i get in on one of the post, the border is still there. I mean, when I click on a post, it apears a new page, and the its border is still there.

    What is the id or code for post pages?

    my blog

    thanks!!

  2. @mercime
    Volunteer Moderator
    Posted 4 years ago #

    To take away border:

    #page, #header { border: none; }

  3. Pedro
    Member
    Posted 4 years ago #

    thanks!!

    but on the post pages the "border" is still there

    look... http://igmosi.wordpress.com/2009/12/02/eyewriter/?csspreview=true

  4. @mercime
    Volunteer Moderator
    Posted 4 years ago #

    reworking -

    #page {
    background: transparent none;
    border: none;
    }
    #header {
    background: #ffffff none;
    border: none;
    }

    btw, blogs like yours which are hosted on wordpress.com have own forums at
    http://en.forums.wordpress.com/

  5. Pedro
    Member
    Posted 4 years ago #

    Thanks!!

    I will post there, but this border is still there when you get into a post.

    http://igmosi.wordpress.com/2009/12/02/eyewriter/

    thanks again!!

  6. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    that 'border' is from a graphic background image 'kubrickbgwide.gif':

    #page { background: url("http://s1.wordpress.com/wp-content/themes/default/images/kubrickbgwide.gif") repeat-y top !important; border: none; }

    with the !important attached to it, it will overwrite even styles defined 'later'.
    i hope you can change this embedded style despite the restrictions of wordpress.com ;-)

  7. @mercime
    Volunteer Moderator
    Posted 4 years ago #

    Thx alchymyth, missed that embedded style. To override embedded !important styles which come before the link to custom.css in HTML, we will need to add !important in the background declaration.

    #page {
    background: #ffffff none !important;
    border: none; }

    clear cache and refresh browser. Pretty sure that would work already. However, just in case, we could also have another selector added to the mix as an added kick :-)

    body > #page, #page {
    background: #ffffff none !important;
    border: none; }
  8. Pedro
    Member
    Posted 4 years ago #

    Thanks guys!!

    It's resolved with last code.

    Thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic