Announcement

Collapse
No announcement yet.

Header Text Align in Act_shoppingCart.html

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

    Header Text Align in Act_shoppingCart.html

    I am trying to add header text to Act_Shopping_Cart.html.

    The font size and color work OK but I am having difficulty with ALIGN="CENTER" which is being ignored.

    Any simple solution to the problem, as you will gather my knowldge of HTML and the way Catalog works under the bonnet is mostly 'hit & miss.'

    below is my attempt, so far.

    <p>
    <FONT SIZE="2" COLOR="666666"><ALIGN="CENTER">
    <p>
    UK last posting dates for Christmas 2006 - as advised by the Post Office.<p>
    2nd. Class - Saturday 16th. December<br>
    1st. Class - Tuesday 19th. December<br>
    Special delivery (excluding Saturday delivery) - Thursday 21st. December<p>
    These dates are advisory only and are not a guarantee of Christmas delivery.
    </FONT SIZE></FONT COLOR></ALIGN>
    <p>
    <p>
    Mick Jackson
    Jackson's Fishing Tackle
    www.jackfish.net

    #2
    You will need to use the align in a <span> or <div> tag .. eg: <span align...>

    Better still use CSS to style the header. Eg <div class="cartHeader">

    in the actiic.css use:

    .cartHeader {
    font-size: 18px;
    color: #666;
    text-align: center;
    }

    this will keep code on the page to a minimum and allow you to change anything at a later date


    Bikster
    SellerDeck Designs and Responsive Themes

    Comment


      #3
      Thanks jont,

      Getting near 'knocking off' will try the CSS route with a fresh head, first thing tomorrow.
      Mick Jackson
      Jackson's Fishing Tackle
      www.jackfish.net

      Comment


        #4
        jont,

        You are brilliant, worked first time, just need to adjust the Font settings and the job will be done.

        Just wish I knew more and could answer question rather than always asking them.

        Where would we some of us be without help from forum members.

        Thanks again.
        Mick Jackson
        Jackson's Fishing Tackle
        www.jackfish.net

        Comment


          #5
          Originally posted by Mick Jackson
          You are brilliant
          Modesty prevents me from accepting this

          To change the font place the following in the first line of the above CSS snippet :

          font-family: verdana, arial, tahoma, sans-serf;

          or which ever font group you are using


          Bikster
          SellerDeck Designs and Responsive Themes

          Comment


            #6
            Nearly there, but must have done something slightly wrong, as the CSS has affected other text on the page.

            Perhaps I have not used the correct code to close the 'div class'

            Tried </div> and </div class>

            This is what I put into Actinic.css, immediately after the last entry. This is just as I wanted. Just need to stop the code affecting the rest of the page.

            .CartHeader{font-family: verdana,
            arial, tahoma, sans-serif;<font face="Arial, Helvetica, sans-serif"> </font>font-size:
            12px; color: #666666; text-align: center;}
            This is the entry in Act_ShoppingCart.html

            <p>
            <div class="CartHeader">
            <p>
            UK last posting dates for Christmas 2006 - as advised by the Post Office.<p>
            2nd. Class - Saturday 16th. December<br>
            1st. Class - Tuesday 19th. December<br>
            Special delivery (excluding Saturday delivery) - Thursday 21st. December<p>
            These dates are advisory only and are not a guarantee of Christmas delivery.<p>
            Order early to avoid disappointment.</div class>
            Further help will be greatly appreciated.
            Mick Jackson
            Jackson's Fishing Tackle
            www.jackfish.net

            Comment


              #7
              Try :

              Code:
              <div class="CartHeader">
              UK last posting dates for Christmas 2006 - as advised by the Post Office.<br />
              2nd. Class - Saturday 16th. December<br />
              1st. Class - Tuesday 19th. December<br />
              Special delivery (excluding Saturday delivery) - Thursday 21st. December<br />
              These dates are advisory only and are not a guarantee of Christmas delivery<br />
              Order early to avoid disappointment.</div>
              and the CSS should be:

              .CartHeader {
              font-family: arial, helvetica, tahoma, sans-serif;
              font-size: 12px;
              color: #666666;
              text-align: center;
              }


              Bikster
              SellerDeck Designs and Responsive Themes

              Comment


                #8
                Oops! Sorry jont,

                My fault I accidently corrupted the Actinic.css file. Good job I keep an up to date copy of Site1.

                Everything working OK using the original code you provided with the font information added.

                Apologies for the extra work caused.

                I am well pleased with the results.
                Mick Jackson
                Jackson's Fishing Tackle
                www.jackfish.net

                Comment

                Working...
                X