Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Shop / WooCommerce
  3. adjusting font-size on woocommerce checkout page

adjusting font-size on woocommerce checkout page

Scheduled Pinned Locked Moved Shop / WooCommerce
7 Posts 2 Posters 226 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • O Offline
    O Offline
    okydeathpop808
    wrote on last edited by okydeathpop808
    #1

    Re: how to Edit woocommerce pages texts and layouts?

    I’m facing the same issue the above post by @juan-casal

    On the Checkout page after purchasing with WooCommerce, the text overlaps, and I need to adjust the font size. As the previous poster mentioned, the Checkout page contains only the [woocommerce_checkout] shortcode after removing all HTML when installing SideCart. Since I’m not a programmer, this problem feels challenging for me. I would appreciate any tips or guidance. I’ve attached an image for reference.

    Screenshot 2024-10-15 at 8.44.27 AM.png

    1 Reply Last reply
    0
    • arminunruhA Online
      arminunruhA Online
      arminunruh
      Global Moderator
      wrote on last edited by arminunruh
      #2

      go to customize → woocommerce → Order Received Page

      Screenshot 2024-10-23 at 13.52.57.png
      Screenshot 2024-10-23 at 13.53.12.png

      here you can see the textformat "shop_order_received" is set by default

      choose a textformat with a fontsize of maybe 16px. or change the textformat "shop_order_received" to use 16px font size max.

      1 Reply Last reply
      0
      • arminunruhA Online
        arminunruhA Online
        arminunruh
        Global Moderator
        wrote on last edited by
        #3

        also. the download buttons:

        td.download-file{
        text-align: left!important;
        }
        
        td.download-file a{
        font-size: 14px!important;
        padding: 5px 10px!important;
        }
        
        O 1 Reply Last reply
        0
        • arminunruhA Online
          arminunruhA Online
          arminunruh
          Global Moderator
          wrote on last edited by
          #4

          Screenshot 2024-10-23 at 14.08.25.png

          with these changes, it looks like this for me

          1 Reply Last reply
          0
          • arminunruhA arminunruh

            also. the download buttons:

            td.download-file{
            text-align: left!important;
            }
            
            td.download-file a{
            font-size: 14px!important;
            padding: 5px 10px!important;
            }
            
            O Offline
            O Offline
            okydeathpop808
            wrote on last edited by
            #5

            @arminunruh Sorry for my ignorance, but where do I put these codes to?

            1 Reply Last reply
            0
            • arminunruhA Online
              arminunruhA Online
              arminunruh
              Global Moderator
              wrote on last edited by
              #6

              oh sorry!

              lay options → custom css & html → custom css

              1 Reply Last reply
              0
              • O Offline
                O Offline
                okydeathpop808
                wrote on last edited by
                #7

                Thank you so much, @arminunruh !

                1 Reply Last reply
                0
                Reply
                • Reply as topic
                Log in to reply
                • Oldest to Newest
                • Newest to Oldest
                • Most Votes


                I also code custom websites or custom Lay features.
                💿 Email me here: 💿
                info@laytheme.com

                Before you post:
                1. When using a WordPress Cache plugin, disable it or clear your cache.
                2. Update Lay Theme and all Lay Theme Addons
                3. Disable all Plugins
                4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                This often solves issues you might run into

                When you post:
                1. Post a link to where the problem is
                2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                Online Users
                arminunruhA
                arminunruh
                A
                alasdair17
                Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                laytheme.com
                • Login

                • Don't have an account? Register

                • Login or register to search.
                • First post
                  Last post
                0
                • Recent
                • Tags
                • Popular
                • Users
                • Search