In your Gossip demo one kind of buttons has a caret. How can I use (re-create) this for other buttons?
I tried to simply copy your CSS but that did not work.
-
This topic was modified 5 years by
andxtagdiv.
.tds-button1::before {
content: '';
background-color: #222;
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
z-index: -1;
opacity: 0;
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
Hi,
If you are referring to the icon from the button, then you can use tagDiv Composer and set it -> https://i.imgur.com/e6OmKff.png -> https://i.imgur.com/Lbz0pZv.png
Hope this will help you!
Unfortunately not that simple. I am referring to a “read more” link in a loop element.
In the screen shots I have given it a Dashicon but that does not come through on all browsers.
Is there another way to have caret in that situation.
https://www.dropbox.com/s/thy9j8o7dn74s9w/firefox_FwOwTKoCJ1.png?dl=0
https://www.dropbox.com/s/33wjmuac9ifhie9/blisk_vmpftnAHga.png?dl=0
Hi,
This is not so easy to do since there is no option on read more button to ad an icon.
You can try to add an icon or image as in this guide -> https://krasimirtsonev.com/blog/article/CSS-before-and-after-pseudo-elements-in-practice
Hop this will help!
Well, ok, yes. But what about your theme supporting Dashicons.
I do see them in some browser and not in others.
Hi andxtagdiv, normal the icons use by our theme should work on tested website -> https://i.imgur.com/vUBcgL1.png -> https://themeforest.net/item/newspaper/5489609
If you have some problems on these browsers, let us know!
Thank you!