change position of button or icon in color section

Hey richardbeatty!

I’m not sure what you meant by vertical? is it rotating it 90 degrees? to have buttons in vertical mode. For example you add an ID to the color section: custom-section, the button code would be like this (in Quick CSS):

#custom-section .avia-button {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

and icon code is like this:

#custom-section .iconbox_icon {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

Hope this helps.

Regards,
Nikko

Hey Richard,

Can you post an example or an image of what you want to achieve? you can post it in http://imgur.com/ or dropbox and post the link to the image here.

Regards,
Nikko

Hi!

Try adding this code in your Quick CSS:

.home #av_section_1 .avia-button {
    position: relative;
    top: -300px;
}

just adjust the top value. Hope this helps :)

Regards,
Nikko

Hey!

I can’t find any special-heading in the homepage that’s using h1, I found 4 but using h2 tags. You can use this code:

.av-special-heading {
    position: realtive;
    top: -50px;
}

Just adjust the values however this is a global class which would affect all special headings in all pages, I suggest using Custom Css Classes: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ just add for example this class custom-special-heading then use this css code in Quick CSS

.custom-special-heading {
    position: realtive;
    top: -50px;
}

This way you can select which special headings this will take effect. Hope this helps :)

Best regards,
Nikko