Create caret for button, as you have in Gossip demo

Posted in: Newspaper
Post count: 162

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.

Post count: 35449

Hi,

If you can provide some more details or a screenshot with this button I will be able to help you.

Thank you for your understanding!

Post count: 162
Post count: 162

.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;
}

Post count: 35449

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!

Post count: 162

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

Post count: 35449

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!

Post count: 162

Well, ok, yes. But what about your theme supporting Dashicons.

I do see them in some browser and not in others.

Post count: 35449

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!

Viewing 9 posts - 1 through 9 (of 9 total)
The forum ‘Newspaper’ is closed to new topics and replies.