Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • 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 1.2k Views 2 Watching
  • 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
    O
    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
      arminunruhA
      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
        arminunruhA
        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
          arminunruhA
          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
            O
            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
              arminunruhA
              arminunruh
              Global Moderator
              wrote on last edited by
              #6

              oh sorry!

              lay options → custom css & html → custom css

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

                Thank you so much, @arminunruh !

                1 Reply Last reply
                0

                Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                With your input, this post could be even better 💗

                Register Login
                Reply
                • Reply as topic
                Log in to reply
                • Oldest to Newest
                • Newest to Oldest
                • Most Votes


                Online Users
                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