Support » Themes and Templates » Custom CSS | Template Path Syntax

  • Resolved dmbox

    (@dmbox)


    I need some syntax help with the Thesis Custom.CSS function.

    The temp site is here: Trinity CC

    I successfully added a background image to the pages’ content_box ID with this CSS:

    .custom #content_box {
    	background: url('http://trinitylutherancc.org/site/wp-content/uploads/2012/09/content_bkgrnd_liteNS.png') 0 0 no-repeat;
    	background-attachment: scroll;
    	padding: 0 0 0 20px;
    }

    When I specify the No Sidebars template (that comes with the Thesis Theme) for the Home Page I lose the background image.

    Can you please advise what my problem is with this bit of CSS?

    .custom.page-template-no_sidebars-php #content_box {
    	background: url('http://trinitylutherancc.org/site/wp-content/uploads/2012/10/content_bkgrnd2.png') 0 0 no-repeat;
    	background-attachment: scroll;
    	padding: 0 0 0 20px;
    }

    This theme has a PHP file called no_sidebars.php which I assume is the template I need to reference with my CSS.

    Thanks in advance.
    Douglas Beck
    digitalMediaBox

Viewing 2 replies - 1 through 2 (of 2 total)
  • Christine Rondeau

    (@crondeau)

    Volunteer Forum Moderator

    In the layout.css, the class

    .no_sidebars {
    background: none !important;
    }

    is overriding your background.

    you could try to add the background image to

    .custom .page
    instead, that might work better

    Thank you Christine for the prompt reply.

    I commented this line of code out, as I anticipate the home page being the only one to use this template.

    Warmest regards,
    dmb

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom CSS | Template Path Syntax’ is closed to new replies.