Image Info Box: title dimension and viewport

Hi all,

I would like to change title and description text dimension according to viewport (reducing for mobile for sure). Seems that I cannot do that. Do you have any advice?

Thanks,
Max

additional point: it should be dependend on the page in order to avoid that any image info box will apply this rule.
Thanks

Hi,

the website is https://fitnessperlei.it/ and the image I’m referring to is the big one on the home page (only this one!).

I tried with “Advanced CSS” section on Theme Panel without success. I expected a unique and fix data-td-block-uid value while it is not like that (it changes every page refresh) so I don’t know how to apply this style only on this image block.

I did something like this:

div[data-td-block-uid="tdi_60_ee8"] div.tdm-image-description h3.tdm-title-md{font-size:20px!important}

but it doesn’t work due to the reason explained above. By deleting the div[data-td-block-uid=”tdi_60_ee8″] it works but it is applied to everything with a NOT controlled way.

I have two additional questions:
1. how can I show a component once I have hidden it from tagdiv composer UI? I cannot select it once hidden…
2. How can I load a different element according to the viewport? I don’t want to “play” with hidden style because that means two images are loaded (increasing the size of the page).

• This reply was modified 6 years by Maxyct.

Hi,

you said “The text changes you should be able to edit them using tagDiv Composer. There’s no need for css”. I don’t think so. Title end description size is not dependent on viewport. Could you please clarify with a screenshot how can I do it?

Thanks,
Max

I’m just editing my Home Page where I’ve added The Image Box Info Element (using tagdiv composer).

If I change the size on desktop, it will remain the same fo all the viewport. It is the same if i change the size on mobile: it will be the same for all viewports. So, it is not dependent on viewport.

What kind of TagDiv Cloud library template are you referring to?

Thanks,
Max

• This reply was modified 6 years by Maxyct.