COMMUNITY FORUM

Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

Solved: Top row of images not in line

Start
Prev
1
Next
End

Neil Kirkland
Topic Author
Offline
New Member

16 years 1 month ago - 16 years 1 month ago #27105 by Neil Kirkland

Solved: Top row of images not in line was created by Neil Kirkland

Anyone care to speculate why the top row of images is always out of line, any ideas how to fix ??

website here www.allthingsafrican.co.uk/index.php/clothing/womens

Please Log in or Create an account to join the conversation.

Yiota
Visitor

16 years 1 month ago #27106 by Yiota

Replied by Yiota on topic Re: Top row of images not in line

The URL you have posted is not working (like your site is down or something) could you let me know when it will be OK again to check?

Please Log in or Create an account to join the conversation.

Neil Kirkland
Topic Author
Offline
New Member

16 years 1 month ago #27107 by Neil Kirkland

Replied by Neil Kirkland on topic Re: Top row of images not in line

Hmmm - I can access using the public and local URL.

I don't have the site down although I am currently working on the templates to tidy up some stuff.

Can you access just www.allthingsafrican.co.uk ?

Please Log in or Create an account to join the conversation.

Neil Kirkland
Topic Author
Offline
New Member

16 years 1 month ago #27108 by Neil Kirkland

Replied by Neil Kirkland on topic Re: Top row of images not in line

Found error - live site is down, I hadn't put in a port forward to the development system

Please Log in or Create an account to join the conversation.

Yiota
Visitor

16 years 1 month ago #27109 by Yiota

Replied by Yiota on topic Re: Top row of images not in line

Your template's CSS overwrites the plugin's CSS. First of all make a template override of the plugin as described here: www.joomlaworks.net/content/view/51/41/.

Then find the CSS file inside templates/your-template/html/plugins/jw_sigpro/template-you-are-using/template.css and replace with the following classes.

li.sig-block {
background:none !important;
float:left !important;
margin:5px;
padding:0 !important;
}

li.sig-block span.sig-link-innerwrapper {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
display:block;
float:left;
margin:0;
padding:4px;
}

Please Log in or Create an account to join the conversation.

Neil Kirkland
Topic Author
Offline
New Member

16 years 1 month ago #27110 by Neil Kirkland

Replied by Neil Kirkland on topic Re: Top row of images not in line

Tried that just and things went haywire - and the top two were still out of line. One of the templates (Artistic) resulted in all 'thumbnails' being one on top of the other, the frame was full width and the image was partially repeated to the right.

When you say replace the template.css with the code do you mean delete all the other code in there ?

which bits of this code handle the positioning and size ?

Please Log in or Create an account to join the conversation.

Neil Kirkland
Topic Author
Offline
New Member

16 years 1 month ago #27111 by Neil Kirkland

Replied by Neil Kirkland on topic Re: Top row of images not in line

Fixed it - I'm so dumb sometimes ....

Please Log in or Create an account to join the conversation.

Start
Prev
1
Next
End