Announcement

Collapse
No announcement yet.

CSS Style Sheets

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

    CSS Style Sheets

    Wondering how I can apply another style sheet to my actinic pages.

    I would like to use the same default theme from my homepage. Called Actinic Tech support who told me to import it as a them but that don't work.

    Do I need a great knowledge of css to be able to do this???

    Help please

    www.descouk.com
    Tags: None
    #2
    Hi Kevin

    To apply a new css style sheet and implement it to your homepage, you will need to have some knowledge of HTML.

    If you have a new css file (ie newstyle.css), then in your Act_Primary.html, simply in the <head> section have the following:

    Code:
    <LINK REL=STYLESHEET HREF="newstyle.css">
    You could place this under:
    Code:
    <LINK REL=STYLESHEET HREF="actinic.css">
    So you are using 2 style sheets. This will become accessible within all your store pages. If you want this style sheet to be available within your brochure pages, then edit Act_BrochurePrimary.html and do the above

    Kind Regards
    Nadeem Rasool
    SellerDeck Development

    Comment

      #3
      Is there any problem editing (adding new styles) to the existing actinic.css?

      I'm guessing that existing '.act..' styles may or will be overwritten at build time. However, it seems to be ok otherwise.

      many thanks.

      Charles

      Comment

        #4
        Or you could put everything in just the one stylesheet...

        <link rel="stylesheet" media="all" type="text/css" href="justtheone.css" />

        Ensuring that anything from actinic.css that is relevant to your site is included.

        Comment

          #5
          Putting my new css file under the excisting actinc one had no effect to my site? When actinici loaded it errored cause it could not find the css file, so I copied it to the site directory and still no effect when actinic restarted.

          Does my css need to be written specifically for actinic??

          Sorry Im useless, very basic html understanding with no css knowledge!!

          Originally posted by Nadeem
          Hi Kevin

          To apply a new css style sheet and implement it to your homepage, you will need to have some knowledge of HTML.

          If you have a new css file (ie newstyle.css), then in your Act_Primary.html, simply in the <head> section have the following:

          Code:
          <LINK REL=STYLESHEET HREF="newstyle.css">
          You could place this under:
          Code:
          <LINK REL=STYLESHEET HREF="actinic.css">
          So you are using 2 style sheets. This will become accessible within all your store pages. If you want this style sheet to be available within your brochure pages, then edit Act_BrochurePrimary.html and do the above

          Kind Regards

          Comment

            #6
            Does my css need to be written specifically for actinic??
            Yes - probably.

            Could you zip up your css file and attach it to this thread so we can take a look?

            Comment

              #7
              CSS Enclosed

              The CSS File is enclosed as requested. There is alot of unused parts of the css form. What we were hoping to achieve was to have the same theme throughout the site as we have on our homepage www.descouk.com

              (The red bars at top of the page and the Red D as the background image)

              Thanks for the help
              Attached Files

              Comment

                #8
                Having two primary stylesheets can cause the same problems as having two linked java files that aren't in the correct order.

                Alternate stylesheets are usually implemented for cross-browser purposes or accessibility/visual effects (such as colour scheme switching). Best option would be to stick it all in the one stylesheet and make sure that you don't leave out the actinic stuff...

                Comment

                  #9
                  Your styles look largely fine - except that you have things like...

                  .body {...}

                  If you want to re-define how the <body> tag will behave, then you should have it look like this:

                  body {...}

                  I would add all that stuff into actinic.css rather than trying to have two stylesheets.

                  Comment

                    #10
                    Chris,

                    I'm guessing that Catalog only overwrites the style sheets with new body/font styles when you change the style on the whole site, but otherwise leaves it alone (so you can edit it)? Can you confirm this?

                    Obviously it would thus be a good idea to take a copy of 'actinic.css' when you're happy with it, just in case Catalog changes it.


                    regards

                    Charles

                    Comment

                      #11
                      CSS is read in order, if you put to different entries in your style sheet for the same tag, the later is used.

                      This meens you can put your new style into the same CSS file, ensuring it goes after the relivent actinic entry it will show.

                      It may be a good idea to comment out the actinic lines once you're happy by using /* text */

                      Don't forget if your using classes and Id's you have to add the calls to your CSS in the HTML

                      ie <p class="center small">text</p> would use the classes for small and for center

                      in the CSS file

                      .small {
                      font-size: 10pt
                      }
                      .center {
                      text-align: justify
                      }

                      using classes means you can repeat the style in nearly any HTML tag.
                      Justin Rowe
                      Shiver

                      Comment

                      Previous template Next
                      Working...
                      X