Search Form and Social Buttons

HotThemes Logo and Top Menu

To request a forum account, please login here and open support ticket. Only customers with active order(s) can open forum account!

× Discussion about Hot Image Slider free Joomla module.

Topic-icon Use Item Description as static overlay?

More
5 years 11 months ago #10906 by weevil
weevil created the topic: Use Item Description as static overlay?
Hi there,

This mod seems very good, just trying to push the boundaries of it a bit but my CSS knowledge is a bit lacking.

Basically I'm going to have the image slider across the top as a large, thick banner. But i want a permenant text box over the top (similar to the item description) but much larger on the right hand side, but at about 50% transparancy so the remainder of the image doesnt get blocked out.

How would i achieve this using this very good mod?

Many thanks!

Please Log in to join the conversation.

More
5 years 11 months ago #10914 by ivan.milic
ivan.milic replied the topic: Re: Use Item Description as static overlay?
hmm, you can prepare png image for text background. To style that box containing text use:

#slide-controls{...
}

to style text itself use

#slide-desc{...

}

Please Log in to join the conversation.

More
5 years 11 months ago #10932 by weevil
weevil replied the topic: Re: Use Item Description as static overlay?
I did modify the original PNG file to be white at 50% transparency 1px by 1px in size. But when i tested it it did not preserve the transparency and was at 100%.

can i set transparency through CSS?

Please Log in to join the conversation.

More
5 years 10 months ago #10943 by ivan.milic
ivan.milic replied the topic: Re: Use Item Description as static overlay?
Did you modified image (graphic) or css?

Please Log in to join the conversation.

More
5 years 10 months ago #10961 by weevil
weevil replied the topic: Re: Use Item Description as static overlay?
i modified the image itself.

Please Log in to join the conversation.

More
5 years 10 months ago #10966 by ivan.milic
ivan.milic replied the topic: Re: Use Item Description as static overlay?
That should be working if you made image right, anyway you can also try to modify transparency using css:

You need to use several properties so it would be compatible on all browsers:

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

Please Log in to join the conversation.

Time to create page: 0.121 seconds

Links, Partners and Social Media