White border

Hi,

The accordion doesn’t have any border around it. If you see any border, it could be added by the theme’s CSS or some other external CSS. Or maybe you’re referring to the white space around the accordion, but that also is not created by the accordion itself.

You can change the font color or any other CSS property with custom CSS.

Best,
David

Thanks David, I don’t know CSS but hopefully, maybe I will be able to figure out how to implement.
Thank you

You’re welcome! If you post a link to the page, I could give more indications.

Best,
David

Ok, that would be very helpful, appreciate it, thanks very much. The reason why I’m looking at your widget is because of some design limitations I’m having with other widgets, Essential Add-ons Image Accordion, and the same applies with all the others I have tried. I like the smooth animation and easy integration within Elementor, but I can’t get the proper image sizing. For example the image window expansion that occurs on hover or click is set equally for all images. Meaning if you have images with different aspect ratios, say portrait for example, the images will zoom in, scale up, while the other images, in square or rectangular, will appear fine. Ideally I want 2 rows of 5 images each, and each image to display upon hover or click without “zooming in” or scaling. To achieve what I’m looking for I would need to the expansion of the image window to vary depending on their orientation, portrait, square etc. Also what I like about those other plugins is the expansion opens from the middle, so sliding open towards left and right equally as opposed to sliding from one side as I’ve seen in your examples. Can that aspect be modified in your widget? Thanks and best regards

This plugin allows you to arrange the panels in a single row or column, but the Grid Accordion plugin allows you to have multiple rows and columns. The panels will expand from the top-left corner, there isn’t a setting for changing this.

Best,
David

Thanks David, I’ll try out the grid, looks awesome!

….I just tried it. When you click on an image on the top row, the corresponding image in the bottom row also animates. I would like to have only 1 image at a time animate. I’m assuming this is hard-coded(?) Another alternative is simply duplicate the section using the original Accordion lite widget. A bit heavier code wise maybe but shouldn’t affect page loading times very much.

Hi,

This is how both accordions work. When a panel expands, the other panels contract, so that the total size of the accordions remain the same. It’s also possible to open the clicked panel in a lightbox window.

Best,
David

Hi David, I’m working again on the plugin, I”m learning how to use it properly and it’s really excellent. You mentioned you could give me some direction as to adjusting some colors, I think with CSS. Here is a screenshot of what I’m trying to achieve.
https://imgur.com/5U2jLN2
Thanks and best regards

Hi,

It’s not clear to me from that screenshot which is the border you’re referring to. Can you please provide some additional explanations?

Best,
David

Hi David, thanks but this is not related to the border. The title of this thread “white border” is not relevant at this point, maybe I should have started a new thread. I asked you about changing text colors and you mentioned you could give me some direction as to adjusting some colors, I think with CSS. Here is a screenshot of what I’m trying to achieve.
https://imgur.com/5U2jLN2
Thanks and best regards
Doug

Hi Doug,

Let’s say your text has the class name of “slide-title” (you can specify a custom CSS class for each layer). Then, your CSS code for changing the color of that text would be:

.slide-title {
   color: #333;
}

The result also depends on whether other external CSS affects the text as well. In this case you need to enforce your CSS:

.slide-title {
   color: #333 !important;
}

Best,
David

That’s great, thanks very much! I’ll try it and keep you posted.
My client was really impressed with your plugin. It has a very organic
feel to it.

Cheers

You’re welcome! Sure, let me know if you need further assistance.

Best,
David