Announcement

Collapse
No announcement yet.

Gray Backgrounds on Checkout

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

  • Gray Backgrounds on Checkout

    All -

    Can anyone tell me how I might add light gray backgrounds to the various elements on the Check Out page as is done on this 3dcart site, Frontier 4x4?

    I think those blocks really help separate the various elements on the page.

    Thanks in advance for your help!

  • #2
    The light gray backgrounds are from the css rule "alternative" which is a common rule among 3dcart templates.

    If you like it as shown on the website you listed, just copy and paste the below rule at the absolute bottom of your active css file. Or on the editor for the css file use cntrl+f which will bring up the text search box and type in alternative. This should bring you right to the rule and change the styles as listed below.

    .alternative {
    background-color: #F9F8F8;
    border: 1px solid #EAE9E9;
    padding: 2px;
    }

    Hope this gives you some help and direction.

    Shaun
    TheCartDesigner.com
    Not 3dcart Owned or Operated
    100% Independent 3dcart Expert


    Follow Us on Twitter

    Comment


    • #3
      Shaun - AMAZING.

      Thanks so much for the quick reply and easy to follow directions!!

      Comment


      • #4
        No Problem, Glad I could help.
        TheCartDesigner.com
        Not 3dcart Owned or Operated
        100% Independent 3dcart Expert


        Follow Us on Twitter

        Comment

        Working...
        X