No announcement yet.

Change background colour of EZ home top row

  • Filter
  • Time
  • Show
Clear All
new posts

  • Change background colour of EZ home top row

    Hi - I have an EZ home page (2 2 3), and I would like to change the background colour of the EZ home-top row, full width. I see some of the skins have varying row colours, and I would change to one of those skins but I have already done a lot of work on the present skin. Could someone point me in the right direction? Does it involve making a new template? Thanks.

  • #2
    Could you please offer a URL and point to the row in question? We couldn´t possibly know if you got a boxed or fluid layout and what´s probably individual on your setup.

    Normally, it´s not necessary to make a template. You can steal some CSS from my Amare demo where I do have a row with background color, if you want to:


    • #3
      Thanks SiGa - I want to make the EZ middle row light cream background fluid width like the header and footer (with content fixed like it is now)
      - the URL is


      • #4
        Try this and change background color and paddings, if needed (I do see blue backgrounds on header and footer so I´m not sure about cream):

        .ez-home .site-inner,
        #ez-home-bottom-container {
        #ez-home-top-container .ez-home-wrap,
        #ez-home-middle-container .ez-home-wrap,
        #ez-home-bottom-container .ez-home-wrap {
         margin:0 auto;
         padding:50px 20px;
         max-width: 1140px;
        #ez-home-middle-container {
        You will also have to adjust for mobiles to have to color still go full-width as #home-hook-wrap got some left and right padding.


        • robin23
          robin23 commented
          Editing a comment
          Thanks SiGa - that worked! I fiddled a lot with the padding, as you suggested I might want to, and put the same code on mobile view. Cheers