Announcement

Collapse
No announcement yet.

change color problem

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

    change color problem

    At http://www.cfmscotland.org/

    I am trying to change the background color of the section that accomodates the login, view cart, checkout links etc.

    I want to change it to white to blend in with the rest of the page. I just can't see what I need to change.

    When I change the <body> color then it will correct itself, but this will then change the whole background color of the site. That is not what I want.

    Hope this makes sense

    Thanks,

    PS Is there a way I can make the source code more readable vhen I View -> Source it?

    John
    Tags: None
    #2
    Design Tab | Page Type = Stylesheet

    Look for

    .page_header_menu_cart
    .page_header_menu_cart_items
    .page_header_menu_login

    and change the background-color accordingly


    Bikster
    SellerDeck Designs and Responsive Themes

    Comment

      #3
      Hi Jont,

      The changes that you suggested change the background color of the 'View Cart, section.

      Its the blank section to the left (same as the body color) that I want to change to white and keep the light blue of the cart, login items.

      Any other ideas?


      John

      Comment

        #4
        Try changing this code:

        Code:
        <table border="0" cellspacing="0" cellpadding="0" ><tr><td><img src="acatalog/theme_tab1_left.gif" width="4" height="23" alt=" " /></td><td><div class="page_header_menu_cart"><p class="text_menu_cart"><a href="http://www.cfmscotland.org/cgi-bin/ca000001.pl?ACTION=SHOWCART" class="link_cart">View Cart</a> | <a href="http://www.cfmscotland.org/cgi-bin/os000001.pl?ACTION=Start" class="link_cart">Checkout</a></p></div></td><td><div class="page_header_menu_cart_items"><p class="text_menu_cart_items">Items:<script language="javascript" type="text/javascript">
<!--
document.write(getCartItem(3));
// -->
</script>, Value:<script language="javascript" type="text/javascript">
<!--
document.write(getCartItem(1));
// -->
</script></p></div></td><td><img src="acatalog/theme_tab1_right.gif" width="4" height="23" alt=" " /></td><Actinic:NOTINB2B><td class="page_header_menu_cart_login_spacing"><img src="acatalog/theme_tab1_left.gif" width="4" height="23" alt=" " /></td><td><div class="page_header_menu_login"><p class="text_menu_cart"><a href="http://www.cfmscotland.org/cgi-bin/ss000001.pl?SECTIONID=index.html" class="link_cart">Login</a></p></div></td><td><img src="acatalog/theme_tab1_right.gif" width="4" height="23" alt=" " /></td></Actinic:NOTINB2B></tr></table>
        To:

        Code:
        <table border="0" cellspacing="0" cellpadding="0" ><tr><td><div class="page_header_menu_cart"><p class="text_menu_cart"><a href="http://www.cfmscotland.org/cgi-bin/ca000001.pl?ACTION=SHOWCART" class="link_cart">View Cart</a> | <a href="http://www.cfmscotland.org/cgi-bin/os000001.pl?ACTION=Start" class="link_cart">Checkout</a></p></div></td><td><div class="page_header_menu_cart_items"><p class="text_menu_cart_items">Items:<script language="javascript" type="text/javascript">
<!--
document.write(getCartItem(3));
// -->
</script>, Value:<script language="javascript" type="text/javascript">
<!--
document.write(getCartItem(1));
// -->
</script></p></div></td><Actinic:NOTINB2B><td><div class="page_header_menu_login"><p class="text_menu_cart"><a href="http://www.cfmscotland.org/cgi-bin/ss000001.pl?SECTIONID=index.html" class="link_cart">Login</a></p></div></td></Actinic:NOTINB2B></tr></table>
        If the colour still remains, you will need to take a look at the styles defined in the above code within your stylesheet and note any background-color applied to them. Simply change that code to your desired colour and it should be perfect then.

        Comment

          #5
          Sorry John - I though you were referring to the background colour of the 3 tabs to those pages on your navigation bar


          Bikster
          SellerDeck Designs and Responsive Themes

          Comment

            #6
            Found it!

            I assumed the change would need to be made somewhere in the 'page_header' css settings - Nope.


            Changed from

            .page_body{
            padding: 10px 0px 0px 0px;
            }

            to

            .page_body{
            padding: 0px 0px 0px 0px;
            }

            Thanks for your help guys,

            John

            Comment

              #7
              John

              Chuffed you've got it working, but can't understand how changing the padding has changed any colours?

              It's done, that is the main thing though.

              **Ah i see what you mean now, you've just moved it up rather than change the colour, so the background-color doesn't show.

              Comment

              Previous template Next
              Working...
              X