Image-width And Title - Question | JoomShaper

Image-width And Title

E

eierkopf

SP Page Builder 4 years ago

Hi, I want to insert an image and use the "Image" addon. Where can I set the width in % e.g. 80% and where the "title"? Even when displaying an image with the "Gallery" add-on, no title is displayed.

0
10 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #26806

Hi there!

Regarding width you can set it with custom CSS.

And you have title option within the image addon as well. here is the screenshot for your ease:

http://i.prntscr.com/AOMN7P4-SGuWlF401dpHPg.png

You can try the SP Easy Image Gallery to see if it serves your purpose.

https://www.joomshaper.com/joomla-extensions/sp-easyimagegallery

Best Regards

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #26807

Here is a sample custom CSS:

.sppb-img-responsive{
width: 80%;
}

You can add unique addon ID in case you want a single image addon to change width in percentage value:

http://i.prntscr.com/r8d8GH66Tqqqpl2TtBNqdQ.png

Let me know if you have anymore queries regarding this:)

1
E
eierkopf
Accepted Answer
4 years ago #26814

Hello Rashida,

thank you for your quick reply. Unfortunately I cannot open the pictures.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #26818

Oops! Sorry about that.

Trying to reupload.

First one: http://i.prntscr.com/T1SnMU2uSA6-zOWEVWBR2Q.png

Second one: http://i.prntscr.com/0GAj-SzOSo2EhiOLdZ7ReA.png

Please let me know this time works or not...

0
E
eierkopf
Accepted Answer
4 years ago #26825

The pictures cannot be opened. The browser thinks the connection is insecure ...

The picture titles are now displayed. Strange why that didn't work earlier.

If I enter your CSS code for the 80% of the picture under "Custom CSS", nothing happens.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #26831

Where did you put the code, please?

I have shared just a sample one!

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

https://prnt.sc/pu705g

https://prnt.sc/pu70zn

Regards

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #26833

Image addon title option: T1SnMU2uSA6-zOWEVWBR2Q.png

Unique addon ID indicated just for your ease, and it is a sample: 0GAj-SzOSo2EhiOLdZ7ReA.png

0
E
eierkopf
Accepted Answer
4 years ago #26863

Hello,

I found the problem: the class "sppb-addon-single-image-container" is already reduced in size. Here "width = 100%;" and it fits.

Thanks for your support.

In the future I would like to be able to set a percentage size in the Addon Image> General> Width.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #26876

You are always welcome.

Glad that the issue is solved now:)

I will convey your wish to the team!

0
Pavel
Pavel
Accepted Answer
4 years ago #26893

In the future I would like to be able to set a percentage size in the Addon Image> General> Width.

Hi. Take a look at the Advanced tab > Custom Addon Width. It works in percentage. You do not need CSS proposed above.

Then use MARGINS settings in Style Tab for alignment

0 | autu | 0 | auto - center

0 | 0 | 0 | auto - right

0 | auto | 0 | 0 - left

0