Announcement

Collapse
No announcement yet.

How do i change the background color? (Responsive Theme)

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

  • How do i change the background color? (Responsive Theme)

    I've been trying to change the background color (body, not maincontainer) of my website for 2 days now with not much help from 3dcart. They sent me this article

    https://support.3dcart.com/index.php...-on-my-website

    The background under body doesn't exist and I can't seem to find it under advanced. They then told me to edit the common layout.css via FTP but I can't upload without getting a 550 error. Has anyone changed the background on there website? Here is a link to my webpage

    http://sid-com.3dcartstores.com/

  • #2
    Glad I saw this before heading to lunch.

    It is insane that they couldn't tell you what to do within 10sec. That is how easy it should have been for them to tell you.

    1) settings-->design-->template editor
    2) In the top right corner in the drop box select templates/YOUR TEMPLATE/css
    3) Click Edit next to default_modified.css
    4) If on a Windows machine do Ctrl+f
    5) In the find text box type or copy/paste this: .angle-stripes
    6) The whole rule for your body is this (HIGHLIGHTED IS BG COLOR TO CHANGE):

    .angle-stripes {
    background-attachment: scroll, scroll, scroll, scroll;
    background-clip: border-box, border-box, border-box, border-box;
    background-color: #282828;
    background-image: radial-gradient(black 15%, transparent 16%), radial-gradient(black 15%, transparent 16%), radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%), radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%);
    background-origin: padding-box, padding-box, padding-box, padding-box;
    background-position: 0 0px, 8px 8px, 0 1px, 8px 9px;
    background-repeat: repeat, repeat, repeat, repeat;
    background-size: 16px 16px;
    }

    That would be it. Hope this helps. Off to lunch I go

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


    Follow Us on Twitter

    Comment


    • #3
      Thank you for getting back to me, I actually added that in a little while ago. Before I added that section of coding it was pure white and they couldn't figure out where in the coding to change it. I appreciate you telling me where the BG color is. I still had no idea since I copied that CSS code from somewhere online.

      Now I just have an issue with when I make the window smaller those sides appear. Even though it used to spread the whole way across

      Comment


      • #4
        Find this in your default_modified.css:

        @media only screen and (max-width: 767px) {

        -Put this rule under the above-

        body {padding: 0;}
        TheCartDesigner.com
        Not 3dcart Owned or Operated
        100% Independent 3dcart Expert


        Follow Us on Twitter

        Comment


        • #5
          Wow! You are a life saver! That would probably take me weeks to figure out. Thank you so much!!!

          Comment

          Working...
          X