Announcement

Collapse
No announcement yet.

Change the background colour beside logo.

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Change the background colour beside logo.

    Can you advise how I change the background colour at the top of the page beside my logo.
    If I change the colour in designs it also changes the menu colour as they are linked.
    I am trying to remove the colour so as to have a white background in stead of red.

    #2
    That is because both are using the same css reference in actinic.css. On the design tab, click on the 'Logo' and then in the 'Layout Code', use the yellow swirl with an upward arrow to navigate a level up till you see
    <td height="63" valign="middle"><actinic:variable name="CompanyLogoImage" /></td>
    A few lines above you should see
    <div class="page_header" align="center">
    This is what brings in the background colour. You will have to make a change in the css file. You will find it in Design | Library | Web Outer Page Layout | Actinic Stylesheet, double click ont his to open the file for editing.

    Scroll down to
    /* page header fomatting elements ----------------------------------------------------- */
    .page_header {
    background-color: <actinic:variable name="Palette1" />;
    margin: 0px 0px 0px 0px;
    }
    On line 255

    Add another class like this
    .page_header1 {
    background-color: #ffffff;
    margin: 0px 0px 0px 0px;
    }
    You can then change the class on the div tag aroung the Logo to 'page_header1' to show a white background.

    Kind regards,
    Bruce King
    SellerDeck

    Comment


      #3
      Brilliant it is now white thank you bruce.

      Comment

      Working...
      X