Announcement

Collapse
No announcement yet.

Change font size for attributes

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

    Change font size for attributes

    Hi,
    I would like to change the font size for attribute prices. I would like to make them smaller. I would be using <font size="1"> I can't find where I would put this in the code in the product attribute template. Thank you!
    Donna Bunnell
    Treasures of the Southwest
    www.treasuresofthesouthwest.com

    #2
    Originally posted by Donna View Post
    Hi,
    I would like to change the font size for attribute prices. I would like to make them smaller. I would be using <font size="1"> I can't find where I would put this in the code in the product attribute template. Thank you!
    Hi Donna,

    You'll need to dig into the CSS for your template. You won't be using <font size="1"> but more than likely font-size:12px;. The product attributes are in a div which has a class .product-attributes - start by looking for that in the CSS files (I'm not sure which one off the top of my head) but off the top of my head, I'm not sure exactly which CSS file.
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    Comment


      #3
      If this is for the current site, as its an old version, you'll need to use the old inline style tags as you mentioned. You'll want to go the PATR screen and look in the Product Attribute Template.
      Bruce Golub
      Phosphor Media - "Your Success is our Business"

      Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
      phosphormedia.com

      Comment


        #4
        Hi Donna,

        The CSS Leslie is referring to is located in your pages.css file. If you have a stock installation of the ReadyTheme, it would be around line 653 of that file.
        Matt Zimmermann

        Miva Web Developer
        Alchemy Web Development
        https://www.alchemywebdev.com
        Site Development - Maintenance - Consultation

        Miva Certified Developer
        Miva Professional Developer

        https://www.dev4web.net | Twitter

        Comment


          #5
          Where is the pages.css file? I looked under User Interface: pages but it is not there. Thank you!
          Donna Bunnell
          Treasures of the Southwest
          www.treasuresofthesouthwest.com

          Comment


            #6
            Hi Donna,

            You will have to use an FTP application to access the files on the server and then a code editor to make the update. The file is located in the `mm5/themes/levels/css` folder.
            Matt Zimmermann

            Miva Web Developer
            Alchemy Web Development
            https://www.alchemywebdev.com
            Site Development - Maintenance - Consultation

            Miva Certified Developer
            Miva Professional Developer

            https://www.dev4web.net | Twitter

            Comment


              #7
              I don't know how to ftp. I was able to make some font changes in the product attribute template. I was hoping I could continue there with something simple!
              Donna Bunnell
              Treasures of the Southwest
              www.treasuresofthesouthwest.com

              Comment


                #8
                In the product attribute template, I was able to change the font size for the price of the attribute. Now I just need to change the font size of the attribute prompt. Just need to know what I should change. Thank you!
                Last edited by Donna; 08-16-17, 07:20 PM.
                Donna Bunnell
                Treasures of the Southwest
                www.treasuresofthesouthwest.com

                Comment


                  #9
                  If you're using chrome, right click on the element and select "Inspect element".
                  You can check "Chrome developer tools" on YouTube

                  Comment


                    #10
                    Thank you!
                    Donna Bunnell
                    Treasures of the Southwest
                    www.treasuresofthesouthwest.com

                    Comment

                    Working...
                    X