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.

Editing layout of thumbs

Start
Prev
1
Next
End

mjarntz
Topic Author
Offline
New Member

17 years 5 months ago #4477 by mjarntz

Editing layout of thumbs was created by mjarntz

Hello,

I would like to change the color of the border of the thumb pictures. How can I do that?

What CSS is used for this?

Thanks,

Mark

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

JoomlaWorks
Away
Admin

17 years 5 months ago #4478 by JoomlaWorks

Replied by JoomlaWorks on topic Re: Editing layout of thumbs

There are currently 2 thumb layout, so we got 2 CSS files as well.

Look them up inside mambots/content/plugin_jw_sigpro/.

The files are:
- sigpro_default.css
- sigpro_yb.css

I guess you have Yearbook on, so just change these 2 lines:

.sig_cont .sig_thumb a {display:block;position:relative;text-decoration:none;margin:0px;padding:4px;border:1px solid #bbb;background:#fbfbfb;}
.sig_cont .sig_thumb a:hover {display:block;position:relative;text-decoration:none;margin:0px;padding:4px;border:1px solid #666;background:url(stripes.gif);}

;)

Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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

mjarntz
Topic Author
Offline
New Member

17 years 5 months ago #4479 by mjarntz

Replied by mjarntz on topic Re: Editing layout of thumbs

Thanks for the reply, but I am sorry. It is not working.

I am using the default layout. I have found also the same lines, but they have no
border specified. I still get the border??

.sig_cont .sig_thumb {float:left;margin:0px 5px 5px 0px;padding:0px;background:url(shadowAlpha.png) no-repeat bottom right !important;background:url(shadow.gif) no-repeat bottom right;}

.sig_cont .sig_thumb a {display:block;position:relative;background:none;text-decoration:none;}

.sig_cont .sig_thumb a:hover {display:block;position:relative;background:none;text-decoration:none;}

.sig_cont .sig_thumb a img {display:block;position:relative;background:#FFF;border:0px solid #ccc;margin:-5px 5px 5px -5px;padding:4px;}

Padding and margin don't add a border I think.

Thanks,

Mark

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

Dzoni Wajsmiler
Offline
New Member

17 years 4 months ago #4480 by Dzoni Wajsmiler

Replied by Dzoni Wajsmiler on topic Re: Editing layout of thumbs

The sigpro_yb.css file did the trick for me.

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

Start
Prev
1
Next
End