tag cloud format

@neiljw – What custom CSS have you already tried to accomplish this with? It may be a case where you need to make an adjustment to it.

Also, a link to where you have your tag cloud displayed could be very useful for providing any additional suggestions.

Thanks!

– Cais.

Cais

I’ve not yet tried any CSS as the image for the tag cloud shows ragged edges both sides. The site is currently behind a maintenance page, but see if this gets you through – https://www.inportstory.com/gallery/digital-gallery/search/

Many thanks

Neil

@neiljw – That URL is returning the “maintenance” page.

– Cais.

Sorry Cais. Here is the relevant code:

<div id="main" class="site-main">
	<div id="primary" class="content-area">
		<div id="content" class="site-content" role="main">
			<div class="layout-fixed">
												<article id="post-121" class="post-121 page type-page status-publish hentry">
																		<header class="entry-header" >
										<h1 class="entry-title">Search</h1>
									</header>
									
									
									<div class="entry-content">
										<p><code></code></p>
<div class='ngg-tagcloud' id="gallery_2107bc52943b6ff71d979409ad644fbb">
        <ul class='wp-tag-cloud' role='list'>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/1940s" class="tag-cloud-link tag-link-91 tag-link-position-1" style="font-size: 9.63636363636pt;" aria-label="1940s (2 items)">1940s</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/1950s" class="tag-cloud-link tag-link-98 tag-link-position-2" style="font-size: 16.7272727273pt;" aria-label="1950s (17 items)">1950s</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/1960s" class="tag-cloud-link tag-link-96 tag-link-position-3" style="font-size: 18.2727272727pt;" aria-label="1960s (26 items)">1960s</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/1970s" class="tag-cloud-link tag-link-84 tag-link-position-4" style="font-size: 16.4545454545pt;" aria-label="1970s (16 items)">1970s</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/abp" class="tag-cloud-link tag-link-80 tag-link-position-5" style="font-size: 22pt;" aria-label="ABP (68 items)">ABP</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/albert-dock" class="tag-cloud-link tag-link-77 tag-link-position-6" style="font-size: 14.7272727273pt;" aria-label="Albert Dock (10 items)">Albert Dock</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/alexandra-dock" class="tag-cloud-link tag-link-104 tag-link-position-7" style="font-size: 13pt;" aria-label="Alexandra Dock (6 items)">Alexandra Dock</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/at-work" class="tag-cloud-link tag-link-83 tag-link-position-8" style="font-size: 19.2727272727pt;" aria-label="At Work (34 items)">At Work</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/barge" class="tag-cloud-link tag-link-111 tag-link-position-9" style="font-size: 13.4545454545pt;" aria-label="Barge (7 items)">Barge</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/bulk-liquids" class="tag-cloud-link tag-link-88 tag-link-position-10" style="font-size: 8pt;" aria-label="Bulk Liquids (1 item)">Bulk Liquids</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/cargoes" class="tag-cloud-link tag-link-78 tag-link-position-11" style="font-size: 19.4545454545pt;" aria-label="Cargoes (35 items)">Cargoes</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/commercial" class="tag-cloud-link tag-link-90 tag-link-position-12" style="font-size: 18.2727272727pt;" aria-label="Commercial (26 items)">Commercial</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/crane" class="tag-cloud-link tag-link-81 tag-link-position-13" style="font-size: 18.5454545455pt;" aria-label="Crane (28 items)">Crane</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/dockland-overview" class="tag-cloud-link tag-link-108 tag-link-position-14" style="font-size: 15.0909090909pt;" aria-label="Dockland Overview (11 items)">Dockland Overview</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/donald-innes" class="tag-cloud-link tag-link-97 tag-link-position-15" style="font-size: 19.2727272727pt;" aria-label="Donald Innes (34 items)">Donald Innes</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/elevator" class="tag-cloud-link tag-link-110 tag-link-position-16" style="font-size: 11.6363636364pt;" aria-label="Elevator (4 items)">Elevator</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/fish" class="tag-cloud-link tag-link-100 tag-link-position-17" style="font-size: 8pt;" aria-label="Fish (1 item)">Fish</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/fruit-and-vegetables" class="tag-cloud-link tag-link-79 tag-link-position-18" style="font-size: 10.7272727273pt;" aria-label="Fruit and Vegetables (3 items)">Fruit and Vegetables</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/grains" class="tag-cloud-link tag-link-103 tag-link-position-19" style="font-size: 14.7272727273pt;" aria-label="Grains (10 items)">Grains</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/herbert-ballard" class="tag-cloud-link tag-link-85 tag-link-position-20" style="font-size: 16.7272727273pt;" aria-label="Herbert Ballard (17 items)">Herbert Ballard</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/hopper" class="tag-cloud-link tag-link-109 tag-link-position-21" style="font-size: 9.63636363636pt;" aria-label="Hopper (2 items)">Hopper</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/hull" class="tag-cloud-link tag-link-76 tag-link-position-22" style="font-size: 22pt;" aria-label="Hull (68 items)">Hull</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/king-george-dock" class="tag-cloud-link tag-link-93 tag-link-position-23" style="font-size: 19.2727272727pt;" aria-label="King George Dock (34 items)">King George Dock</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/livestock" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 8pt;" aria-label="Livestock (1 item)">Livestock</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/loading-facility" class="tag-cloud-link tag-link-114 tag-link-position-25" style="font-size: 10.7272727273pt;" aria-label="Loading Facility (3 items)">Loading Facility</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/machinery" class="tag-cloud-link tag-link-95 tag-link-position-26" style="font-size: 18.5454545455pt;" aria-label="Machinery (28 items)">Machinery</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/other" class="tag-cloud-link tag-link-94 tag-link-position-27" style="font-size: 13pt;" aria-label="Other (6 items)">Other</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/people" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 18.0909090909pt;" aria-label="People (25 items)">People</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/queen-elizabeth-dock" class="tag-cloud-link tag-link-102 tag-link-position-29" style="font-size: 15.0909090909pt;" aria-label="Queen Elizabeth Dock (11 items)">Queen Elizabeth Dock</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/rail" class="tag-cloud-link tag-link-106 tag-link-position-30" style="font-size: 11.6363636364pt;" aria-label="Rail (4 items)">Rail</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/raw-materials" class="tag-cloud-link tag-link-86 tag-link-position-31" style="font-size: 13.4545454545pt;" aria-label="Raw Materials (7 items)">Raw Materials</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/riverside-quay" class="tag-cloud-link tag-link-115 tag-link-position-32" style="font-size: 10.7272727273pt;" aria-label="Riverside Quay (3 items)">Riverside Quay</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/salt-end-jetties" class="tag-cloud-link tag-link-116 tag-link-position-33" style="font-size: 9.63636363636pt;" aria-label="Salt End Jetties (2 items)">Salt End Jetties</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/shed" class="tag-cloud-link tag-link-112 tag-link-position-34" style="font-size: 12.3636363636pt;" aria-label="Shed (5 items)">Shed</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/ships" class="tag-cloud-link tag-link-89 tag-link-position-35" style="font-size: 18.4545454545pt;" aria-label="Ships (27 items)">Ships</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/st-andrews-dock" class="tag-cloud-link tag-link-99 tag-link-position-36" style="font-size: 8pt;" aria-label="St. Andrew's Dock (1 item)">St. Andrew's Dock</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/transport-modes" class="tag-cloud-link tag-link-105 tag-link-position-37" style="font-size: 14.7272727273pt;" aria-label="Transport Modes (10 items)">Transport Modes</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/truck" class="tag-cloud-link tag-link-113 tag-link-position-38" style="font-size: 10.7272727273pt;" aria-label="Truck (3 items)">Truck</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/unit-loads" class="tag-cloud-link tag-link-101 tag-link-position-39" style="font-size: 9.63636363636pt;" aria-label="Unit Loads (2 items)">Unit Loads</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/unknown" class="tag-cloud-link tag-link-92 tag-link-position-40" style="font-size: 17.8181818182pt;" aria-label="Unknown (23 items)">Unknown</a></li>
	<li><a href="https://www.inportstory.com/gallery/digital-gallery/search/nggallery/tags/vehicular" class="tag-cloud-link tag-link-87 tag-link-position-41" style="font-size: 14.3636363636pt;" aria-label="Vehicular (9 items)">Vehicular</a></li>
</ul>
    </div>

@neiljw – Unfortunately the code from the page is still not quite enough, if you are looking for assistance with the look of a page/layout then it is best to provide the URL to it.

Thanks!

– Cais.