Image float / list issue

Just a quick one...

Check this out: http://www.citizenbuilding.ca/test/inde ... Itemid=116

How come the list is not to the right of the image (the image has float:left). It bumps down to below...

Fix?

If that is the only place you will be using list then follow below edits otherwise you have to create a custom css for your "Our Services " page list view.

Find File: /templates/gk_cherrydesign/css/template.css
Find Line: 40
Which is

Code: Select all

ul { list-style:none; clear:both; }


Change it to

Code: Select all

ul { list-style:none; }


Find File: /templates/gk_cherrydesign/css/joomla.css
Find Line: 126
Which is

Code: Select all

.article-content ul li { background: transparent url('../images/style1/gk_nsp_arrows.png') no-repeat -14px center; padding:5px 0 5px 22px; }


Change the line to

Code: Select all

.article-content ul li { background: transparent url('../images/style1/gk_nsp_arrows.png') no-repeat -14px center; padding:5px 0 5px 22px; margin-left: 325px; }


And final look is as below

Nice = works on desktop and mobile.