# WordPress – How To Get A Long URL to Wrap

- Link: https://lifeandwork.blog/wordpress-how-to-get-a-long-url-wrap/
- Published: 2026-08-12T20:49:33-05:00
- Author: Bert Swope

I’ve been having a challenge with a couple of my blog sites where long URLs have
not been wrapping and running off the side of the page to the right out of the visual
range, which has been pointed out by my site readers.   This fix was much easier
than the long URL in a table problem, but Well,  I thought I would share, as well.
Hopefully, others will find it useful.

# Code Update Steps

The fix requires a change to the CSS code of your site.  To make the change :

 * Navigate to Appearance > Customize > CSS and add input code
 * Add the CSS URL Wrap Code
 * Publish CSS Change

# Appearance Navigation To Customize Menu

![Appearance Navigation To Customize Menu](https://i0.wp.com/lifeandwork.blog/wp-
content/uploads/2020/03/659d0-appearance_navigation_to_customize.jpg?resize=380%
2C321&ssl=1)

Appearance Navigation To Customize Menu

# CSS Navigation Menu

![CSS Navigation Menu](https://i0.wp.com/lifeandwork.blog/wp-content/uploads/2020/
03/c4d9b-css.jpg?resize=347%2C431&ssl=1)

CSS Navigation Menu

# Empty CSS Code Screenshot before Changes

Please note that the table long URL code was added in a previous post.  So, we will
be adding the new code just below the existing CSS code modifications.

![Customized CSS With URL Wrap ](https://i0.wp.com/lifeandwork.blog/wp-content/uploads/
2020/03/e49cc-customizing_css_with_table_code.jpg?resize=340%2C623&ssl=1)

Customized CSS With URL Wrap

## CSS change code wrap a long URL on the table

| a {
 word-wrap: break-word; } |

## Customized CSS With Long URL Wrap Code Added

![Wrap code for Long URL's](https://i0.wp.com/lifeandwork.blog/wp-content/uploads/
2020/03/209fe-wrap-code-for-long-urls.jpg?resize=346%2C636&ssl=1)

Wrap code for Long URL’s

## Publish CSS Changes

![Publish CSS Changes](https://i0.wp.com/lifeandwork.blog/wp-content/uploads/2020/
03/20ad0-publish-css-changes.jpg?resize=348%2C368&ssl=1)

Publish CSS Changes

### Share this:

 * [  Print ](https://lifeandwork.blog/wordpress-how-to-get-a-long-url-wrap/#print?share=print)
 * [More](https://lifeandwork.blog/wordpress-how-to-get-a-long-url-wrap/#)

 * [[
 * [Share on Tumblr](https://www.tumblr.com/share)
 * [  Email ](https://lifeandwork.blog/wordpress-how-to-get-a-long-url-wrap/?subject=%5BShared%20Post%5D%20WordPress%20-%20How%20To%20Get%20A%20Long%20URL%20to%20Wrap&body=https%3A%2F%2Flifeandwork.blog%2Fwordpress-how-to-get-a-long-url-wrap%2F&share=email)
 * [Tweet](https://twitter.com/share)
 * [  Telegram ](https://lifeandwork.blog/wordpress-how-to-get-a-long-url-wrap/?share=telegram)
 * [  WhatsApp ](https://lifeandwork.blog/wordpress-how-to-get-a-long-url-wrap/?share=jetpack-whatsapp)
 * [  Reddit ](https://lifeandwork.blog/wordpress-how-to-get-a-long-url-wrap/?share=reddit)
 * [  Threads ](https://lifeandwork.blog/wordpress-how-to-get-a-long-url-wrap/?share=threads)
 * [  Mastodon ](https://lifeandwork.blog/wordpress-how-to-get-a-long-url-wrap/?share=mastodon)
 * [  Nextdoor ](https://lifeandwork.blog/wordpress-how-to-get-a-long-url-wrap/?share=nextdoor)
 * [Post](https://x.com/share)
 * [  Bluesky ](https://lifeandwork.blog/wordpress-how-to-get-a-long-url-wrap/?share=bluesky)

### _Related_