Joomla Templates Club 406,261 posts

[modalia Friend modaliaJoin date: June 2011Posts: 96Downloads:12Uploads:49 Thanks: 39 Thanked: 7 times in 1 posts]

#172017

Hello, I would like to change the style of Ja Methys popup. I have a site Actuamelmente Methys and another Teline IV. I would like to style the lightbox of the of Teline Methys IV.

The aim is to reduce the top and bottom margins to make better use browser size and the emerging picture look better.

Attached images so that they can see the differences.

As I can change the style of the lightbox?

Regards,
Javier

---

Attachments:

1. 
2. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#430780

<em>@modalia 290483 wrote:</em><blockquote>
As I can change the style of the lightbox?

Regards,
Javier</blockquote>
If I am understanding you correctly, you are wanting to reduce the size of the black “border” around the image within the lightbox – correct? If so, it appears that it is not actually a border, but a padding property.

Here is how you can reduce the padding . . . .

Open file “modal.css” – within the following path –> media/system/css/modal.css

at line 17, you should see the following:


#sbox-window
{
position: absolute;
background-color: #000;
text-align: left;
overflow: visible;
padding: 10px;
-moz-border-radius: 3px;
}


Play around with the “padding” value …. for example, change to 5px and see how that looks.

You can actually test out modifying these values in a real-time setting through using a free web development tool such as FIREBUG (this is exactly how I was able to identify the relative CSS for you).

Hope that helps.

1 user says Thank You to TomC for this useful post

1. modalia

[modalia Friend modaliaJoin date: June 2011Posts: 96Downloads:12Uploads:49 Thanks: 39 Thanked: 7 times in 1 posts]

#431611

Thank you very much for your reply. I tested with Firebug. I played some CSS and is magnificent. I checked as I indicated to reduce the padding.

But this is not what I want. What I’m trying to make is that the image occupies a larger share of the browser. I want them to look bigger and for that we must reduce the top and bottom.

What I like is that the lightbox out Fancybox type, as in the template Teline IV. I have Methys active in Ja Popup plugin, but the window that opens with still images such as: sbox-window.

The purpose of this question is to change the type of lightbox template for another as Fancybox.

Thank you for your answers and sorry for my bad English.

Greetings to all.
Happy 2012!

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#431730

I am very glad you were able to find a solution that meets your needs – GREAT JOB !!!

Hope I was able to assist in some way.

All the best with your continuing site development !!!

[Author]

Posts