I have a padding issue on my sitemap page links here
https://venturedesignandprint.co.uk/..._page=site_map
Does anybody know which bootstrap class I am missing please?
I have a padding issue on my sitemap page links here
https://venturedesignandprint.co.uk/..._page=site_map
Does anybody know which bootstrap class I am missing please?
Nick Smith - Venture Design and Print
https://venturedesignandprint.co.uk
Your problem is in stylesheet.css on line 281 - if you remove padding: 0 it looks correct. So just override that setting it for this one page.
.centerColumn ul li {
font-family: century-gothic, sans-serif;
font-weight: 700;
line-height: 2em;
list-style-type: none;
margin: 0;
/* padding: 0; */
}
That Software Guy. My Store: Zen Cart Support
Available for hire - See my ad in Services
Plugin Moderator, Documentation Curator, Chief Cook and Bottle-Washer.
Do you benefit from Zen Cart? Then please support the project.
This is a viable temporary fix but, the site is using a hidden ::after, ::before to declare that this is a border box (box-sizing:border-box;)
This causes the browser to look at margins, widths, heights, and padding totally different.
Unfortunately, the hidden ::after, ::before is a violation of accessibility. You will need to declare this in the actual CSS, then look at the padding problem again to see if it has changed.
Are You Vulnerable for an Accessibility Lawsuit?
myZenCartHost.com - Zen Cart Certified, PCI Compatible Hosting by JEANDRET
Free SSL, Domain, and MagicThumb with semi-annual and longer hosting.
I'll note also that the formatting is different from that provided in the default Bootstrap template: https://vinosdefrutastropicales.com/..._page=site_map
Sorted :-)
Thank you
Nick Smith - Venture Design and Print
https://venturedesignandprint.co.uk
Bookmarks