Reduce Image Box Size

Posted in: Newspaper
Post count: 271

Can you please provide Custom CSS code to reduce the size of the image box element by 50% on this Page:

https://www.bizcatalyst360.com/just-be-360-nation/

Post count: 21065

Hello @dennisjpitocco!

I can see that you set them to 25% width. What else do you need to achieve?

Thank you!

Post count: 271

Hi Bettina:

We want to reduce the current Image Box size to at least half the current overall square size (both vertical & horizontal).

Thank you!

Post count: 21065

Hello @dennisjpitocco!

Try this CSS code:

.td_block_image_box div .td-custom-image a { padding-bottom:100%;}

Thank you!

Post count: 271

Thank you – applied your code at 100% and then 50% but nothing changes?

Post count: 21065

Hello @dennisjpitocco!

Add it with !important like this:

.td_block_image_box div .td-custom-image a { padding-bottom:100%!important;}

Thank you!

Post count: 271

Tried at 100%, 50%, 25%, and 10% but nothing changed.

Post count: 21065

Hello @dennisjpitocco!

I see that you’ve added a margin bottom and not a padding bottom. Please recheck!

Thank you!

Post count: 271

I’ve added the code precisely as supplied by you. Haven’t changed the margin bottom.

Post count: 21065

Hello @dennisjpitocco!

If you can’t handle to copy-paste the CSS code, then please contact us via email at contact@tagdiv.com and provide the following:
– admin url and credentials
– a link to this topic in order to identify you
We will take a look and try to help you asap.

Thank you!

Post count: 271

Copy-paste CSS code was done several times but without a successful result.

Admin Credentials have now been sent to contact@tagdiv.com

Thank you!

Post count: 21065

Hello @dennisjpitocco!

It’s working with the same code: https://app.screencast.com/X4P0vOZtDzIdR

Thank you!

Post count: 271

Thank you, Bettina.

Our original request was to reduce the size to 50%. It is now showing at 100%. And we cannot see the CSS code via Admin/Theme Panel/Custom CSS

Post count: 21065

Hello @dennisjpitocco!

The code is in the Live CSS box. Modify it from there.

Thank you!

Post count: 271

Where is the Live CSS box located?

Post count: 21065

Hello @dennisjpitocco!

You can find it on every page in the toolbar: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thank you!

Post count: 271

Thanks, Bettina.

1. Are we not able to add CSS via the Theme Panel to apply to all boxes?
2. Tried Chrome & Firefox and was unable to find Live CSS – can you please reduce to 50% for now until we can find and adjust further on our end?

Post count: 21065

Hello @dennisjpitocco!

1. You can use that option too, but you have a lot of code there. Place it before the code that is already there.

2. Yes. Clear all the cache.

Thank you!

Post count: 271

Thank you for your very kind help & Happy New Year!

Post count: 21065

Hello @dennisjpitocco!

I’m glad I could help you!

Happy New Year!

Viewing 20 posts - 1 through 20 (of 20 total)
You must be logged in to reply to this topic.