[WHAT WE DO] Button, customization

Hi,
I made a customization of the button with different border and background color; you can see it here:

http://www.poderebellavista.net

the problem is for intro n. 1, the button position of the first slide is moved some pixel to the right (about 90 px).

When the slide start flipping this problem disappear and button is correctly centered.
I can't find this problem

this is customizations for that button, I made it in override template section:

a.gkLearnMore.loaded {
font-family: 'Tangerine', Arial, sans-serif;
font-size:48px;
font-weight:bold;
color:#bf922d;
text-shadow: 1px 1px 5px #fff;
background-color: rgba(255,255,255,0.7);
padding: 14px 25px 6px 20px;
}


.gkIsWrapper-gk_creativity .figcaption > a {
border: 0;
border-radius: 40px;
}

This proble occours probably because position of element is counted when custom font is not loaded. After loading the custom font element becomes bigger and looks wrong.
You can add to your override.css declaration this code:

Code: Select all

a.gkLearnMore.loaded {
font-family: 'Tangerine', Arial, sans-serif;
font-size:48px;
font-weight:bold;
color:#bf922d;
text-shadow: 1px 1px 5px #fff;
background-color: rgba(255,255,255,0.7);
padding: 14px 25px 6px 20px;
margin-left: -163px !important;
}


It will not work fine if you change element size (its text for example).

many thanks. it works !

If you will have any other questions, feel free to post new forum threads.