Docs

[kateanita]

Hello,

I would like to change the icons of my blog sliders in Ethos: http://homefed.stapkodesign.com/noteworthy/

I figured out how to change them, but the arrows are both pointing the same direction. Here’s the code I have so far:

[data-x-icon]:before, [class*="x-icon-"]:before {    
  content: "\f105" !important;
  color: #ffffff !important;
}

How can I set it up so that I have the arrows both pointing the correct directions?

I have the updated version of everything.

Thanks,

Katie

[Friech]

Hi Katie,

Thanks for writing in! Use this css code instead.

/*next*/
.x-post-slider .flex-next i:before  {
	content: "\f101" !important;
}

/*previous*/
.x-post-slider .flex-prev  i:before {
	content: "\f100" !important;
}

Add this on your child theme’s style.css file.

Look for your icon unicode here: http://fontawesome.io/icons/

Hope it helps, Cheers!

[kateanita]

You guys are awesome!! Worked perfectly. Thanks so much!

[Nabeel A]

Glad we could help.

Cheers!

[Author]

Posts