Announcement

Collapse
No announcement yet.

Help in editing the checkout pages?

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

    Help in editing the checkout pages?

    Hello

    I was wondering if one of you kind souls could help me in my quest to change the text in my checkout pages, especially the text that asks the user to tick the textbox if the require an different delivery address for the invoice address

    on my site the text is tiny and not very clear and we have had a few phone calls by people about this issue

    thanks very much

    #2
    Most likely the size will be set by a class in the actinic.css stylesheet. If you go to the page in question on your website and view the page source and look for the offending text you will see something like

    <span class="actxxsmall">click here... >

    It is the actxxspan that is setting the size in the actinic.css (this is found in the root of the site1 folder)

    You have 2 options ....

    1. edit the actxxsmall (or whichever is in place) to use a larger font .. this will increase the size of all instances of that across the site.. or

    2. replace the class to use a slightly larger one eg "actregular"

    The class in place may be different but they all start with act?????

    HTH


    Bikster
    SellerDeck Designs and Responsive Themes

    Comment


      #3
      Originally posted by jont
      Most likely the size will be set by a class in the actinic.css stylesheet. If you go to the page in question on your website and view the page source and look for the offending text you will see something like

      <span class="actxxsmall">click here... >

      It is the actxxspan that is setting the size in the actinic.css (this is found in the root of the site1 folder)

      You have 2 options ....

      1. edit the actxxsmall (or whichever is in place) to use a larger font .. this will increase the size of all instances of that across the site.. or

      2. replace the class to use a slightly larger one eg "actregular"

      The class in place may be different but they all start with act?????

      HTH
      thanks for the reply

      sorry to sound daft but how can i view these pages to see the source, its the pages generated by the cgi like the check out pages

      Comment


        #4
        In Firefox highlight the text, right click, view selection source


        Bikster
        SellerDeck Designs and Responsive Themes

        Comment


          #5
          thanks again


          but when i have editied the actinic.css file

          }

          .actxxsmall {
          font-size: 20px;
          color: #000000;
          }
          i changed the size to 20 just to check it and it dosnt seem to have worked??

          id also like to change the colour of the test so people know that they have to tick the box

          Comment


            #6
            Can you place a link to the site for someone to see what is happening?


            Bikster
            SellerDeck Designs and Responsive Themes

            Comment


              #7
              Originally posted by jont
              Can you place a link to the site for someone to see what is happening?

              yes m8

              http://www.gilmoursportsfieldhockey....log/index.html


              id also like to sort out the thumbnails so they are in line and not all over the place depending on how much text is under them

              thanks very much for your help

              i also realise i should just read the manual but ive had 4 weeks to do this whole site and ive never worked with actinic before, and today is the final launch date, so after its launched i will be able to study the guides

              Comment


                #8
                The checkout text is being styled generically via

                p, table, td, th

                this is set to 11px at the moment


                Bikster
                SellerDeck Designs and Responsive Themes

                Comment


                  #9
                  Originally posted by maccamason
                  id also like to sort out the thumbnails so they are in line and not all over the place depending on how much text is under them
                  The quickest solution here would be to center everything into the containing table cells.


                  Bikster
                  SellerDeck Designs and Responsive Themes

                  Comment


                    #10
                    Originally posted by jont
                    The checkout text is being styled generically via

                    p, table, td, th

                    this is set to 11px at the moment

                    thanks but where could i edit this??

                    p, table, td, th {
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: 12px;
                    font-style: normal;
                    font-weight: normal;
                    color: #000000;
                    margin-top: 0px;
                    }
                    i take it its here??

                    if i wanted to change the colour on the text for the select country question how would i do this??

                    thanks again

                    Comment


                      #11
                      To change globally look in the actinic.css .. this is in the root of the site1 folder. (not the copy inside PreviewHTML).

                      This will change all instance of those tags. As mentioned before you could add a new class to the text you need to change by editing the template and wrapping the code between <span> tags eg:

                      <span class="myClass">actinic stuff here</span>

                      in the actinic.css have soemthing like:

                      .myClass {
                      font-size: 16px;
                      color: red;
                      }

                      that will then only apply to text wrapped inside a styling of "myClass"


                      Bikster
                      SellerDeck Designs and Responsive Themes

                      Comment


                        #12
                        a <marquee> and a spelling mistake in it - ARGGGGGGGGGGGGGHHH!

                        Comment


                          #13
                          Originally posted by leehack
                          a <marquee> and a spelling mistake in it - ARGGGGGGGGGGGGGHHH!


                          the marquem is just till i make a wee banner to put in there

                          cheers for spotting the shpelling mistook

                          Comment


                            #14
                            Originally posted by jont
                            To change globally look in the actinic.css .. this is in the root of the site1 folder. (not the copy inside PreviewHTML).

                            This will change all instance of those tags. As mentioned before you could add a new class to the text you need to change by editing the template and wrapping the code between <span> tags eg:

                            <span class="myClass">actinic stuff here</span>

                            in the actinic.css have soemthing like:

                            .myClass {
                            font-size: 16px;
                            color: red;
                            }

                            that will then only apply to text wrapped inside a styling of "myClass"

                            i feel a little rretarded today but i cannot see an actinic.css in the root folder

                            Comment


                              #15
                              Originally posted by jont
                              To change globally look in the actinic.css .. this is in the root of the site1 folder. (not the copy inside PreviewHTML).

                              This will change all instance of those tags. As mentioned before you could add a new class to the text you need to change by editing the template and wrapping the code between <span> tags eg:

                              <span class="myClass">actinic stuff here</span>

                              in the actinic.css have soemthing like:

                              .myClass {
                              font-size: 16px;
                              color: red;
                              }

                              that will then only apply to text wrapped inside a styling of "myClass"

                              thanks m8
                              im going to try that now

                              so i place

                              <span class="myClass">actinic stuff here</span>

                              in the text box and then add the class to the .css file

                              Comment

                              Working...
                              X