Wrapping Ribbons can be made exactly small size like at: http://www.linkme.com.au/search/jobs/results ??
If yes then how?
I see no ribbons in that link. The ribbons provided in the pack have a fixed size. You can edit the css and try to alter the size as you see fit.
I can’t get the correct px. Do you accept freelancer for it, based on my div box?
I would suggest you to use the default ribbon size as they will look best. However if you absolutely must reduce the size then you can try one trick – use the default ribbon size but then apply a scale transform to the ribbon container to shrink it. This way you don’t have to mess with setting the correct pixel size.
Is this responsive? Will it work with existing twitter bootstrap templates?
You can make very simple edits in the css to make the forms responsive. You can embed the forms in any html template.
is this a wordpress plugin? how can be used in wordpress?
No, this is not a Wordpress plugin, because as you can clearly see the item is in the “CSS” category. If you have knowledge of html and css then you can use the ribbons inside wordpress.
sir please tell me how to use it.. it need it very much and also i purchased this item.. i have knowledge about about html but not enough… i want to use ribbons as in site fatwallet.com
The documentation provided with the pack provides detailed instructions on how to use and embed the ribbons in a html page. You can also study the supplied the demo. To embed inside Wordpress pages/posts you need knowledge of Wordpress templating and also of course html and css. I cannot provide any more help than that.
thanks.. thats too much for me
I am very interested in buying the CSS3 Ribbon Pack. However because I am building a responsive site that must look equally good on desktop and mobile, it’s extremely important that images with ribbons be responsive, as the underlying image changes size. Can you please confirm that your ribbons are responsive, or can you provide code to make them so? Thank you.
The ribbons are of fixed size. But you can try to use the CSS3 “scale” property to change their size.
Is that possible to make middle part of ribbon(text) to extend with width?
I did not quite understand your query since the ribbons have fixed width.
I’ve very little knowledge about css, could you suggest a link or video to learn how to implement one ribbon to one widget only?, using canvas theme.
Thanks for purchasing!
Please go over the included documentation for details on how to insert the ribbons in your page. You can also go over the source code of the supplied demos.
May I use this to Wordpress as Heading text?
If you are comfortable with coding inside a WordPress environment then you can certainly use it there.
The corner wrapping ribbons are showing a small shadow artefact on the bottom center of the ribbon It is like the corner edge of a square peeping through.
It appears on Chrome and Safari. I am guessing you have seen this and can’t resolve? It’s minor but my eyes keep being drawn to it…
Otherwise a super effort A+
Yes, that artefact was kind of unavoidable in webkit despite all of my best efforts.
Bummer eh. Thanks for answering so quick.
Hi, would appreciate some help with the banner ribbon style.
You are using (- z-index) to drop the fold layers behind the main ribbon but haven’t explicitly assigned a z-index on the main ribbon parts.
As a consequence the layering fails if your code is introduced on a site using opacity and z-index already.
The ribbon fold parts fail to hold their stacking position in relation to the main ribbon as it has no context set.
With the Twenty Fifteen theme in wordpress the folds on left and right side of the ribbon vanish below the page background layer and the ribbon body is partly transparent.
I have brought the fold-down layers back into view by giving the .banner-ribbon CSS class an explicit z-index:100
BUT can’t seem to get the main ribbon to opacity:1. The fold down elements are now visible but show through/under the ribbon body.
Would be great if you could update your code to address this as you are more familiar with all the components and how they operate.
If you set a z-index on the parent container in which you embed the ribbon then all should be good. I need to inspect your page in order to offer further suggestions.
Thanks. Tried your suggestion, no go.
Also played more with assigning z-index on different pieces but got more messed up ;-(
.... the z-index: -2 on the fold:before and fold:after elements are causing weird effects when the outer wrapper div is assigned an absolute index value so I removed it again and stayed with an index on .banner-ribbon.
As it’s not easy giving you access to view the affected page at the moment I have applied a temporary CSS hack to shorten the width of folded ends and realigned them to remove an underlap from the main ribbon body.
When my site is live I’ll message with viewing details so we can work on a better solution to the layering issue.
If you are interested in exploring in my absence any wordpress site using the Twenty Fifteen theme will exhibit these layering issues.
Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.
View license details
Get it now and save up to $2
Unlimited downloads only
$29 p/m on Envato Elements
Download over 18,000 items now
Learn almost anything with
Envato Tuts+ for free
9000 free tutorials, 3000 paid courses
Designers matched perfectly to
you on Envato Studio
2000 artists ready to undertake your work