[bellisgirlParticipant]

Hi, i don’t want them to be square when i open i want that the slider is square, like a thumbnail, and then when i open the images on a lightbox they will open the original size, please check my page to see the problem. Check it here -> http://prntscr.com/7xdt7u

Also you didn’t answer my question about this thing thats happening -> http://prntscr.com/7xdrul

Best regards

[Paul RModerator]

Hi

Regretfully what you are trying to achieve is only possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

With regards to the issue with the lightbox, I am sorry but I can’t seem to find in your site. Can you provide us the url of the page where we could see the issue.

Thanks for understanding. Take care!

[bellisgirlParticipant]

Hi, i think i have discovered a way of doing this but still need your help.

I htink i need something like this code

.gallery-icon a img {
width: 250px;
height: 250px;
}

.gallery .gallery-item {
border: none;
box-shadow: none;
}

But to apply to section on a page so all the images inside that section will have those dimensions because once again the thumbnail code isn’t working.

Hope you can help me

[ChristopherModerator]

Hi there,

Add a class name like my-class to section where you have images and then update your code to :

.my-class .gallery-icon a img {
width: 250px;
height: 250px;
}
.my-class .gallery .gallery-item {
border: none;
box-shadow: none;
}

Hope that helps.

[bellisgirlParticipant]

would this work with id: or just with class ? how can i add class?

[bellisgirlParticipant]

Sorry again,

Can you see at section 2 on this page http://bellisgirl.com/?page_id=27 ? I managed to make the slider a square but the thumbnails inside the slider are not square… i need to apply this to the images inside the slider.

Best regards

[ChristopherModerator]

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[bellisgirlParticipant]

Let me see,

So, this is a imagem from my page -> http://prntscr.com/7ye0ig. Those four container are four responsive sliders with all the controls and slideshow deactivated. Then there is a lightbox shortcode associated so when i click it it brings all the gallery. So far so good i even created an hover image.

So problem starts now, all the images inside the slider have type=”thumbnail” but they are not in thumbail mode as you can see.

I need a code that would tell to the images inside this slider to be a squre 250x250px thumbnail, the slider container already has this dimensions. as you can it is contained inside the slider.

I also need them to apear without the border.

I think this time it’s more clear, but anyway if you have any other doubt about my problem please let me know.

Best regards

[ChristopherModerator]

Hey there,

Thanks for writing in! Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[bellisgirlParticipant]

Ok, thanks anyway i will try to solve that later i’m almost there but still unable to make my images fill the square. Well i will try to discover some help.

I asked about another issue related with the lightbox. i want to remove the light box border and shadow and change the loading icon to another thing or even remove it. and i found this problem http://prntscr.com/7ytsbl . There is an image laying in the back of another. This happens with all my galleries and sometimes when i have 2 galleries or more per page the lightbox mixes them.

Best regards, hope you can help me

[ZeshanMember]

Hi there,

Please see this screenshot: http://prntscr.com/7ywb85. That is, you have multiple lightbox shortcodes with the same Selector.

As for the lightbox styling customization, this is not possible without deep CSS and JS customization as lightbox computes its sizes dynamically based on the screen size. Regretfully that would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks for understanding. Take care!

[Author]

Posts