Announcement

Collapse
No announcement yet.

Overall Width

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
    #1

    Overall Width

    My apologies if this is a simple question but I cannot find a resolution for it.

    I am trying to develop a site using the standard 'Executive Theme'.

    I only want to change a couple of things:

    1. I want to set a fixed width of all the pages to 800px.
    2. Change the background color of the areas on screen that exceed the 800px range (in HTML <body bgcolor = "#0000ff"> whilst keeping the main content area with its default bgcolor of white.

    Thanks,


    John
    Tags: None
    #2
    The width is coming from the following classes in the actinic.css

    .page_body_content {
    width: 762px;
    text-align: left;
    }

    .page_body_content_left_column {
    float: left;
    width: 170px;
    }

    .page_body_content_right_column {
    float: right;
    width: 552px;
    }

    Getting the colour for the middle parts different to the side should be as easy as adding into the body declaration ...

    body {
    background-color: #0000ff;
    }

    and

    background-color: #fff; into the above classes

    however .... you may need to be tricky and place into a container as any padding and margins between the columns will result in the body colour showing through


    Bikster
    SellerDeck Designs and Responsive Themes

    Comment

      #3
      Thanks - Just what I needed to know.

      John

      Comment

        #4
        Problems with Page Width on Certain Pages

        Hello,

        I followed the excellent thread below to alter the overall page width to 880px and add a purple background colour.

        http://www.drroots.co.uk/

        However, there are some inconsistencies where the main page width is wider than the page header. This occurs on the following pages:

        - Add to Cart Confirmation
        - Shopping Cart
        - Checkout Page 0
        - Checkout Page 1
        - Checkout Page 2
        - Checkout Page 3
        - Bounce Page

        I can't seem to find away of changing the main page width on these pages to fit in with the rest of the pages.

        Any clues?

        Comment

          #5
          Any clues?
          Its because the content of these pages is wider than 800pix ie its a fixed table width and breaks your design. 800 pix is viewed by about 3% of the population and is really dead as a design standard now.

          Comment

            #6
            Originally posted by mwilliamson
            Any clues?
            Select the pages in design view and take a look round.

            Comment

            Previous template Next
            Working...
            X