Announcement

Collapse
No announcement yet.

Ekashu stylesheet - How to edit Body Background

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

    Ekashu stylesheet - How to edit Body Background

    I'm trying to change the appearance of the background on the Actinic Payments page.
    I have edited ekashu.css with a revised image called "background-image.jpg" but it hasn't made any differnece.

    Just to test, I uploaded the standard files and "Published Design" but the background remains white. (It should be a black gradient.)

    Can anyone shed any light on this? Or post a bit of sample code for the "body" in ekashu.css.

    Below is the standard bit of code in ekashu.css which doesn't appear to have any effect.

    HTML Code:
    body {
    	font-family: arial, helvetica, sans-serif;
    	font-size: 10pt;
    	text-align: left;
    	background: url('background-gradient.jpg') repeat-x;
    	background-color: #000;
    	margin-top: 20px;
    }
    Stuart Robinson

    Robinson Polytunnels

    #2
    Maybe you are overwriting it somehow, merge the two definitions like so:

    HTML Code:
    body {
    	font-family: arial, helvetica, sans-serif;
    	font-size: 10pt;
    	text-align: left;
    	background: #000 url('background-gradient.jpg') repeat-x;
    	margin-top: 20px;
    }
    However I suspect that it is in fact not finding the file in the location that you are telling it (in the same folder as the CSS stylesheet). If unsure what to put in there, then try a full URL and test that yourself in a browser. Images on AP needed to be under SSL at one stage, not sure if that is still the case. In any case almost certainly the problem is that where you are telling the CSS that the file exists, is wrong. Unless of course AP does not need the commas around the file name as the Actinic software does. Also try " instead of ' to confirm that is not the problem, if removal of them does nothing.

    Comment


      #3
      This is what i have
      Code:
      body {
      background: url('images/myimage.png') no-repeat;
          font-family: arial, helvetica, sans-serif;
          font-size: 10pt;
          text-align: left;
          background-color: #4A84BD;
          margin-top: 20px;
      }

      Comment


        #4
        Thanks Lee and Darren,

        I've tried editing the code to both the formats suggested but no success.

        I think you're right Lee when you say it is being overwritten. If I leave gaps between images in the content, I can see the background through the gaps. Strangely, the background is not displayed either side of the content!

        I've edited the Actinic Payments page so it's at a stage where i can accept it but if anyone has a definitive answer it would certainly be welcome.
        Stuart Robinson

        Robinson Polytunnels

        Comment


          #5
          If it's showing in places, that usually just points to containers that sit on top of the body also having background declarations, so they cannot be seen through to see the image you have added.

          Comment

          Working...
          X