Support » Themes and Templates » Change Background image to content area of a page

  • DOS

    (@davittoshannon)


    Hi,

    Can anyone advise how I change just the content area of one page to have an image. It has to be a specific page and just the content area. I assume this is done in the stylesheet but Im not 100% on how to do this.

    From looking at chrome’s handy inspect element tool it suggests the content area styling is held in the not so surprisingly names ‘Content Area’! See code below

    The area I’m looking to add a background image to is change is #mainleft{width:714px; float:left;} which I guess gets its background from #main{background-image:url(images/bg-main.png); background-repeat:repeat-y;

    Thing is, how do specify a specific page without chaging all page. Any help appreciated. Site URL is http://carrickrugbyclub.ie/1

    /* =Content
    -------------------------------------------------------------- */
    #main{background-image:url(images/bg-main.png); background-repeat:repeat-y; padding:10px 13px 0px 13px; width:970px;}
    #main2{background-image:url(images/bg-main.png); background-repeat:repeat-y; padding:10px 13px 0px 13px; width:970px;} /* for contact page */
    #mainleft{width:714px; float:left;}
    #mainright{width:246px; padding-left:10px; float:left;}
    #main2 #mainleft{width:584px; float:left} /* for contact page */
    #main2 #mainright{width:376px; padding-left:10px; float:left} /* for contact page */
    .widget-title{margin-bottom:8px;}
    .box-cycle blockquote{padding-left:0px;}
    .box-cycle blockquote div{padding-left:50px; padding-bottom:18px;}
  • The topic ‘Change Background image to content area of a page’ is closed to new replies.