[cyclonecParticipant]

I’ve pasted that code in the style.css

Here is the page http://shortlistrecruitment.com/about-us

I haven’t been able to figure out how to change the opacity on hover either

[Rue NelModerator]

Hello There,

The \ is gone because the customizer will automatically remove it once you saved it. You can try to double it like this one:

.x-img-none:hover:before {
   color: red;
   content: "\\f04b";
   display: inline-block;
   font-family: fontawesome;
   font-size: 43px;
   position: absolute;
   right: 46%;
   top: 31%;
   transition: opacity 0.3s ease 0s;
   z-index: 200;
}

But then later one, after a few save in the customizer it will be gone again. We would like to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Once the child theme is ready, you can place that code in your child theme’s style.css. And by the way, our latest versions are:
X Theme: 4.0.4
Cornerstone: 1.0.3
Visual Composer: 4.5.3
Revolution slider: 4.6.93

You can find the latest version numbers here: (http://theme.co/x/member/changelog/) Then you can compare them to what’s installed on your site.

If you find anything to be out of date, you can review our update guide.

Thank you.

[Author]

Posts