Tag & Category content text allignment

Hello tycheun,

It looks like your theme’s stylesheet defines a larger left margin or padding for the ul (or some other) html element that overwrites the filters’ native setting. What you could try to do is add a more specific css rule that would in turn overwrite the one set by your theme.

It is rather difficult to guess what this rule could be without seeing the live page, but try adding this either in you theme’s style.css or or in the Appearance > Customize > Additional CSS / Custom CSS section:

body .awf-preset-wrapper .awf-filters-form .awf-filters-container > ul { margin-left: 0px; }

To check if the newly added rule works, save the new CSS rule (either in your CSS editor, or by pushing the Publish button in the WordPress Customizer), and reload your shop page ingnoring cache by pushing Ctrl + Shift + r (Cmd + Shift + r on Mac).

If the above doesn’t help, in order to help you I will need a link to your test site.

Hi. Please click here for the site.

Hello again tycheun,

This CSS rule should do the trick for you:

.awf-filters-container ul { padding-left: 0px; }

Add it to your style.css or into the Additional CSS field of your WordPress Customizer, save & reload the shop page to see the changes.

Hi. It helps! Thank you very much!
But another thing is.. some of the category name is quite long.. (as shown in image below). Is it possible to move the excess part to the next line?

View post on imgur.com

For long filter labels to wrap, try adding this CSS rule:

.awf-filter-container:not(.awf-product-search-container) .awf-filter,
.awf-filter-container:not(.awf-product-search-container) label {
	white-space: normal;
}

You could also reduce the font size by adding this:

.awf-filter-container:not(.awf-product-search-container) label {
	font-size: 14px;
}

Problem solved. Thank you !!

You are welcome, Tycheun,

Please feel free to contact us if you need any more help!