Docs

[marcel w]

Hi guys,

I have a code that worked fine before the update, after update I tried to fix it as told in the changelog, but unfortunately it doesn’t work.

here is the css:

/* Icon Forward */
.hvr-icon-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
.hvr-icon-forward:before {
content: “” ;
color: inherit;
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}

.myicon {
text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
}

The content: “” ; part was working perfect as I had a Bold ” > ” over there, according to the changelog this should work but on the frontend it still looks broken

Is there something i am doing wrong??

Kind regards,
Marcel

[Lely]

Hello Marcel,

Thanks for posting in.
I’ve check your homepage:http://www.atplexamen.nl/ and I saw the icon that goes forward on hover. Can you give us a little more description on how it is broken or how it should behave?

Thank you.

[marcel w]

I apologize, i didn’t tell you I was making my homepage with cornerstone all over again.

I try to put in the right css but if I save it the css changes.

Before saving:
.hvr-icon-forward:before {
content: “\f054”;

After saving:
.hvr-icon-forward:before {
content: “f054”;

See:
http://www.atplexamen.nl/home-2-2/

I also have a small issue with the first element on my page. On the left side I have a textbox and on the right side I have an image, now with the cornerstone the image (on the right) behaves different. I tried to push it more to the right with some margin (as the original), but when I do so and shrink the size of the screen a bit it moves underneath the textbox (the original shrinks the size of the image and leaves it at 2 column layout).

Original with VC:
http://www.atplexamen.nl/

First draft with Cornerstone:
http://www.atplexamen.nl/home-2-2/

Hope you guys can help me.

Regards,
Marcel

[Nico]

Hi There,

Thanks for writing in.

Would you mind sharing us your admin credentials so we could take a closer look on your setup.

Don’t forget to set it as private reply.

Thank you so much.

[marcel w]

This reply has been marked as private.

[Friech]

Hi There,

Try adding double backslash on your content property value

.hvr-icon-forward:before {
content: "\\f054";
}

Customizer remove one backslash every time it save, or add the CSS on your child theme’s style.css file, so you save time adding backslash every time you save. For the other issue, that is how the two columns behave on a mobile. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do?

Thanks!

[Author]

Posts