Awaiting an answer SP Page Builder

Image-width and title

Asked by eierkopf 5 years ago Last activity 5 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.

10 replies

Rashida Rahman Staff

5 years ago · edited

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

Rashida Rahman Staff

5 years ago · edited

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:)

eierkopf Asked this

5 years ago

Hello Rashida,

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

Rashida Rahman Staff

5 years ago · edited

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...

eierkopf Asked this

5 years ago

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.

Rashida Rahman Staff

5 years ago

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

Rashida Rahman Staff

5 years ago

Image addon title option:

Unique addon ID indicated just for your ease, and it is a sample:

eierkopf Asked this

5 years ago

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.

Rashida Rahman Staff

5 years ago

You are always welcome.

Glad that the issue is solved now:)

I will convey your wish to the team!

Pavel

5 years ago · edited

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